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”标记您的<ul>元素或其他任何内容。如果您没有从页面上的<ul>开始，那么您可以按照其他几个答案中的描述进行构建。

另外，正如Nick正确指出的那样，如果有一堆<h2>个元素，那么你可能想要隐藏变量中<ul>元素的jQuery句柄，以保存重复的查找

Answer 2

使用jQuery非常简单：

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

现在ul将包含h2 - 标题。 ：）