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

【问题标题】：how to get content of all <li> tags in one page using jquery如何使用jquery获取一页中所有<li>标签的内容
【发布时间】：2013-04-05 08:38:52
【问题描述】：

我有一个类似这样的 html 列表：

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

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

例如；

$tags = red, yellow, blue

【问题讨论】：

【解决方案1】：

您可以使用jQuery.map()

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案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(",");

【讨论】：