javascript - すべてのコンテンツを取得する方法jqueryを使用した1ページのタグ

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 を持つ複数の要素を持つことはできないid="tag"ため、最初に、を に変更する必要があります。class="tag"

値の配列を作成できます。

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

または、他の人が指摘したように、マップを使用できます：

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