如何獲取所有內容<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(",");