附加到appendTo

时间:2013-04-04 10:18:19

标签: jquery ajax

我收到一个JSON对象,将此信息插入模板,然后将其附加到DIV。我插入的其中一个元素的id设置为device_id。

插入模板html后,我想选择ID = device_id的DIV,并在其中插入更多信息。

我假设这个目前无法正常工作的原因是因为在我尝试使用device_id选择div时DOM还没有更新,但我不知道如何处理此

var obj = $.parseJSON(msg);
$("#myTemplate").tmpl(obj).appendTo("#message");

jQuery.each(obj, function () {
    $('#' + this.device_id).append('<p>Hello</p>');
});

以上代码位于点击事件中。 DOM将如下所示:

<div id="message">
   <div class="item">
     <div id="#156846"></div>
     <div id="name"></div>
   </div>
</div>

收到的JSON(msg)如下所示:

[{"name":"Person A","device_type":"one", "device_id":"156846"}]

如何在div中插入'Hello',其中id = this.device_id?

1 个答案:

答案 0 :(得分:0)

原来,appendTo()不是问题所在。如果你能看到上面,有一个错字。应该没有#作为id的一部分。

另外,我需要使用$('#1234')。find('#item')。appendTo();为了获得层次结构中更下层的子元素。