如何使用jquery </li>在一个页面中获取所有<li>标签的内容

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()

<强> Live Demo

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()];
});

或者正如其他人所指出的那样，你可以使用map：

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