0

jqueryを使用してhtmlをビルドしていますが、最終的なコードは次のようになります。

<div id="uploaded">
  <div class="thumbs">
    <img src="http://www.example.com/image.jpg" />
    <div class="delete-pic">delete</div>
  </div>
</div>

したがって、div id "uploaded"はソースにハードコーディングされており、残り（.thumbs、img、.delete-pic）はjqueryを使用して挿入されます

だから私は仕事をするために次のjqueryコードを使用します：

$('<div class="thumbs"></div>').appendTo('#uploaded');
$('<img />').attr("src", thumb_url).appendTo('.thumbs');
$('<div></div>').attr("class", "delete-pic").appendTo('.thumbs').text("delete");

div＃uploadedの子として不明な数のdiv.thumbが存在する可能性があることを除いて、これは正常に機能します。したがって、上記のjqueryは、現在画面に表示されているすべてのdiv.thumbsに同じタグブロックを追加します。

div.thumbsごとにランダムなIDを生成し、そのIDを使用して画像とdiv.delete-picに追加するかどうかを考えていました。

しかし、おそらくもっと簡単な解決策がありますか？

4

1 に答える 1

1

メモリに「親指」を作成し、必要なものを追加してから追加してみませんか。そのようです：

var tempthumb = $('<div class="thumbs"></div>');
$('<img />').attr("src", thumb_url).appendTo(tempthumb);
$('<div></div>').attr("class", "delete-pic").appendTo(tempthumb).text("delete");
$('#uploaded').append(tempthumb);
于 2011-12-29T01:16:48.937 に答える