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()});
});

当然，您可能想用“id”或其他内容来标记您的

元素。如果您不从页面上的
开始，那么您将按照其他几个答案中的描述来构造它。

另外，正如 Nick 正确指出的那样，如果有一堆

元素，那么您可能需要存储

元素的 jQuery 句柄放在一个变量中，以保存重复的查找。

Answer 2

使用 jQuery，这非常简单：

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

现在 ul 将包含 h2-标题。 :)