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>页面开始,那么你将按照其他几个答案中的描述构建它.

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