jQuery Заполните содержимое внутри нового элемента, прежде чем добавлять его

Question

Я пытаюсь заполнить featured данными и добавить их в #wrapper.Это не работает для меня.Что я делаю не так?

var featured = '<div id="featured"></div>';
$('#imageTable tbody tr td img').each(function(){
    $(featured).append($(this).attr('src'));
});
$(featured).appendTo('#wrapper');

Answer 1

Это потому, что у вас есть вызов $(featured) внутри цикла.Вы хотите позвонить только один раз.

Попробуйте:

var $featured = $('<div id="featured"></div>');
$('#imageTable tbody tr td img').each(function(){
    $featured.append($(this).attr('src'));
});
$featured.appendTo('#wrapper');

Answer 2

var $featured = $('<div id="featured"></div>');
$('#imageTable tbody tr td img').each(function(){
    $featured.append($(this).attr('src')).append('<br />');
});
$featured.appendTo('#wrapper');

Объяснение:

Когда вы делаете это внутри цикла $(featured), он создает НОВЫЙ div для каждого выбранного элемента, поэтому к вашему #wrapper добавляется только последний div.Вам необходимо создать объект jQuery вне цикла each.

Answer 3

Очень похоже на Брайана Росса, просто создаю div более эффективным способом. Это может быть не так просто, но я считаю, что это более производительно.

var $f = $('<div>',{id:'featured'});
$('img,#imageTable > td').each(function(i){
    $f.append($(this).attr('src');
})
$f.appendTo('#wrapper');