jquery найти h2 теги и добавить в div

Question

Я пытаюсь написать немного jquery, который находит все теги h2 внутри div (.content), а затем добавляет каждый в другой div (.intro).

До сих пор у меня есть это:

var h2 = $(".content").find("h2"); 
$(h2).each(function() { 
    $(this).append(".intro"); 
}); 

Но это не работает .. если кто-то может помочь мне, что было бы здорово :)

Answer 1

Попробуйте это:

var h2 = $('h2', '.content'); 
$('.intro').append(h2); 

Нет необходимости использовать each(). В jQuery есть что-то, называемое «неявной итерацией», где вы можете действовать сразу во всем множестве. Таким образом, вы можете схватить их всех и добавить их одновременно.

Или вы хотите добавить их копию?

Если это так, попробуйте:

var h2 = $('h2', '.content'); 
$('.intro').append(h2.clone()); 

---

EDIT:

Или использовать одну версию строки:

$('.intro').append($('h2', '.content').clone());​ 

(конечно, удалить .clone() если вы дон Скопируйте их.)

Answer 2

Я думаю, что вы ищете appendTo метод.

var h2 = $(".content").find("h2"); 
$(h2).each(function() { 
    $(this).clone().appendTo($(".intro")); 
}); 

Edit: Просто заметил, что appendTo перемещал h2 тегов, так упаковывает, что нежелательно, добавил вызов clone().

Answer 3

Может использовать детей(), что-то вроде ...

$('.content').children('h2').each(function() { 
    $(this).appendTo($('.intro')); 
});