jQuery .prepend JSON结果到多个div

时间:2013-09-22 12:50:15

标签: javascript jquery json

因此,我正在循环使用一些JSON并将最新结果预先添加到另一页上的某些HTML中。一切都是完美的代码工作,除了我目前正在将所有内容添加到一个div,我希望将特定项目添加到特定的div。见下文。我想回显一下名称div中的名称,内容div中的内容和消息div中的id。

非常感谢!

我的HTML如下:

 <div id="activityspot">
   <div class="entry template"> 
     <div class="message"></div> 
     <div class="name"></div>
     <div class="content"></div>
   </div>
</div>

jQuery如下:

$.get(url, function(data) {
  jsonData = $.parseJSON(data);

  var spot = $("#activityspot");
  var template = spot.find(".template");

for (var j = 0; j < jsonData.items.length; j++) 
{
  var entryData = jsonData.items[j];
  var entry = template.clone();
  entry.removeClass("template");

  //I guess I need to select the other div's in here?

  entry.find(".message").text(entryData.statusid + entryData.name + entryData.content); 
  spot.prepend(entry);
}

我最终得到的结果是这样的:

 <div class="message">53671 (id) Billy Zane (name) I like Billy (message) </div>

1 个答案:

答案 0 :(得分:1)

尝试:

entry.find(".message").text(entryData.statusid); 
entry.find(".name").text(entryData.name); 
entry.find(".content").text(entryData.content);