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

Question

我不知道这是否可能或如何做到这一点，但我想要做的是循环遍历带有类的一些元素，获取 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);

Answer 1

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

  for(var propertyName in options) {

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

  }

工作样本here