0

JSON オブジェクトを受け取り、この情報をテンプレートに挿入してから、これを DIV に追加しています。挿入する要素の 1 つは、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"}]

id=this.device_id の div に「Hello」を挿入するにはどうすればよいですか?

4

1 に答える 1

0

appendTo() は問題ではなかったことがわかりました。上記が見られる場合は、タイプミスがあります。ID の一部として # を使用しないでください。

また、 $('#1234').find('#item').appendTo(); を使用する必要がありました。階層のさらに下にある子要素を取得するため。

于 2013-04-04T14:07:16.377 に答える