javascript - 如何获取所有内容使用 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(",");