如何获取所有内容<li>使用 jquery 在一页中添加标签

Question

我有一个像这样的 html 列表：

<li id="tag">red</li>
<li id="tag">yellow</li>
<li id="tag">blue</li>

如何使用 jQuery 获取这些 li 标签的内容？

例如;

$tags = red, yellow, blue

Answer 1

你可以使用jQuery.map()

现场演示

texts = $('li').map(function(){
  return $(this).text();
}).get().join(',');

Answer 2

var $tags = $("li").map(function(){
  return $(this).text();
}).get().join(",");

在这里，有一个小提琴： http : //jsfiddle.net/KTted/2/

Answer 3

首先，您应该将id="tag"更改为class="tag" ，因为您不能拥有多个具有相同 id 的元素。

您可以构建一个值数组：

var content = [];
$("li").each(function (element) {
    content.push[$(element).text()];
});

或者正如其他人指出的那样，您可以使用地图：

var content = $("li").map(function() {
    return $(this).text();
}).get().join(",");