有没有一种非常简单的方法来选择页面上的所有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>
发布于 2010-08-20 14:21:48
是:
$('h2').each(function() {
$('ul').append($('<li/>', {text: $(this).text()});
});
当然,您可能希望使用"id“或其他任何标记来标记<ul>
元素。如果您不是从页面上的<ul>
开始,那么您可以按照其他几个答案中的描述来构造它。
此外,正如尼克正确指出的那样,如果有一堆这样的<h2>
元素,那么您可能希望将<ul>
元素的jQuery句柄保存在一个变量中,以避免重复查找。
发布于 2010-08-20 14:24:01
在jQuery中,这非常简单:
var ul = $('<ul />');
$('h2').each(function(obj) {
ul.append('<li>' + $(obj).html() + '</li>');
});
现在ul
将包含h2
-titles。:)
https://stackoverflow.com/questions/3531735
复制相似问题