Jquery Appendto несколько тегов с атрибутами для определенного div

Я использую 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 «загружен» жестко закодирован в источнике, остальные (.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.thumbs в качестве дочерних элементов div#uploaded. поэтому приведенный выше jquery будет добавлять один и тот же блок тегов ко всем div.thumbs, которые в данный момент находятся на экране.

Я думал, если создать случайный идентификатор для каждого div.thumbs, а затем использовать этот идентификатор для добавления к изображениям и div.delete-pic

а может есть более простое решение?


jquery appendto
person ethmz    schedule 29.12.2011    source источник
comment
Пожалуйста, опубликуйте свой реальный код. .thumbs — синтаксическая ошибка.   -  person alex    schedule 29.12.2011
comment
@alex извините, забыл заключить имена классов в кавычки .. сейчас отредактировано   -  person ethmz    schedule 29.12.2011

Ответы (1)


arrow_upward
1
arrow_downward

Почему бы не создать "большие пальцы" в памяти, затем добавить то, что вам нужно, затем добавить. вот так:

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);
person sottenad    schedule 29.12.2011