Jquery: выберите все теги H2 на странице, скопируйте текст этих тегов H2 в список

Question

Существует ли очень простой способ выбрать все теги H2 на странице, затем взять текст в этих тегах H2 и добавить текст каждого из них в список.

пример:

<H2>I'm number one!</H2>
<H2>I'm number two?</H2>
<H2>I'm number three.</H2>

скрипт захватит их и скопирует их содержимое в список при загрузке страницы:

<UL>
<LI>I'm number one!</LI>
<LI>I'm number two?</LI>
<LI>I'm number three.</LI>
</UL>

Answer 1

Да:

$('h2').each(function() {
  $('ul').append($('<li/>', {text: $(this).text()});
});

Конечно, вы можете пометить свой элемент <ul> "id" или любым другим.Если вы не начнете с <ul> на странице, то создадите его, как описано в нескольких других ответах.

Кроме того, как правильно указывает Ник, если есть кучаэти элементы <h2>, тогда вы можете захотеть сохранить дескриптор jQuery для элемента <ul> в переменной, чтобы сохранить повторный поиск.

Answer 2

С jQuery это действительно просто:

var ul = $('<ul />');
$('h2').each(function(obj) {
    ul.append('<li>' + $(obj).html() + '</li>');
});

Теперь ul будет содержать h2 -титры. :)