Jquery JSON 搜索对象的键和 return 值

Question

我不知道这是否可行或如何做，但我想做的是循环遍历带有 class 的一些元素，获取 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。我正在考虑一个变量 variable 但不知道如何在 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

Jquery JSON 搜索对象的键和 return 值

Jquery JSON search object for key and return value

foreach

jquery

json

options