附加到appendTo

Question

我正在接收一个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>');
});

上面的代码是在一个click事件中。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"}]

如何将'Hello‘插入到div where id=this.device_id中？

Answer 1

事实证明，appendTo()不是问题所在。如果你能在上面看到，有一个打字错误。id的一部分不应该有#。

此外，我还需要使用$('#1234').find('#item').appendTo()；来获取层次结构中更靠下的子元素。