jquery如何使用对象内容搜索和实现div内容

时间:2012-08-09 10:01:40

标签: javascript jquery

我正在堆叠插入ajax调用返回的内容。

我有一组div,每个div都有一个不同的id示例:

<div id ="first_name"> content </div>
<div id ="last_name"> content </div>
<div id ="email"> content </div>

另一方面,我有一个key =&gt;的对象值示例:

{"first_name" : "value", "last_name" : "value", "email" : "value"}

对象的键与div的ID匹配。

如何在$(document).ready()中搜索匹配的id和对象键并将它们的值放在jquery中?

3 个答案:

答案 0 :(得分:2)

原始回答:

  for(val in entries) {
    if(entries.hasOwnProperty(val)) {
      $("#"+val).html(entries[val]);
    }
  }

已编辑以在评论中解决问题:

您希望这是自动发生的吗?当你从ajax电话收到新数据时?

$.getJSON(url, function(entries) {
  for(val in entries) {
    if(entries.hasOwnProperty(val)) {
      $("#"+val).html(entries[val]);
    }
  }
}

答案 1 :(得分:1)

for(key in myObject) {
   $('#' + key).html(object[key]);
}

答案 2 :(得分:1)

您可以使用.html();

设置DIV的内容

例如:

$("#first_name").html('Thomas');

或使用您的对象,具体取决于您如何保湿JSON。

$("#first_name").html(yourobject.first_name);