Jquery JSON搜索对象的键和返回值

时间:2015-11-30 15:38:50

标签: jquery json foreach options

我不知道这是否可行或如何做但我想做的事情是通过一个类循环一些元素,获取id并查看id的值是否是一个关键名称JSON对象。如果是,我想获得相应的值并将其传递回元素HTML。

var options = {
    "test1": "something",
    "test2": "something else",
    "test3": "something amazing",
}

$('.myclass').each(function(i, val) {
    if(options.hasOwnProperty(val.id)) {
        $('#' + val.id).html(options.val);
    }
});

<p class="myclass" id="test1"></p>
<p class="myclass" id="test2"></p>
<p class="myclass" id="test3"></p>

问题在于此行专门针对options.val。我在考虑一个变量变量,但不知道如何在javascript中执行此操作或寻找其他方式。

$('#' + val.id).html(options.val);

1 个答案:

答案 0 :(得分:2)

您可以遍历js对象的属性,获取属性名称,检查UI中是否存在类似元素,如果是,则使用html方法读取值并设置为元素内部html。< / p>

  for(var propertyName in options) {

    var e =$("#"+propertyName);
    if(e.length)
    {
        e.html(options[propertyName])
    } 

  }

工作样本here