jQueryでリスト要素コンテンツの配列を取得する

私はこのような構造を持っています：

<ul>
  <li>text1</li>
  <li>text2</li>
  <li>text3</li>
</ul>

テキストを配列として取得するには、javascriptまたはjQueryをどのように使用しますか？

['text1', 'text2', 'text3']

この後の私の計画は、おそらくを使用してそれを文字列にアセンブル.join(', ')し、次のような形式で取得することです。

'"text1", "text2", "text3"'

var optionTexts = [];
$("ul li").each(function() { optionTexts.push($(this).text()) });

...トリックを行う必要があります。あなたが探している最終的な出力を得るために、join()さらにいくつかの連結がうまくいきます：

var quotedCSV = '"' + optionTexts.join('", "') + '"';

冗長な中間配列がない場合：

arr = $('li').map(function(i,el) {
    return $(el).text();
}).get();

jsfiddle デモを見る

そしてきれいなjavascriptで：

var texts = [], lis = document.getElementsByTagName("li");
for(var i=0, im=lis.length; im>i; i++)
  texts.push(lis[i].firstChild.nodeValue);

alert(texts);

kimstikは近かったが、完全ではなかった。

便利なワンライナーでそれを行う方法は次のとおりです。

$.map( $('li'), function (element) { return $(element).text() });

jQueryのmap関数の完全なドキュメントは次のとおりです。非常に便利です。http：//api.jquery.com/jQuery.map/

完全に答えるために、ここにあなたが探していた完全な機能があります：

$.map( $('li'), function (element) { return $(element).text() }).join(', ');

var arr = new Array();

$('li').each(function() { 
  arr.push(this.innerHTML); 
})

あなたは次のようにすることができます。コードは1行で十分です

• let array = $('ul>li').toArray().map(item => $(item).html());

• 興味のある要素を取得する

  1. 子供を得る

  2. toArray（）メソッドから配列を取得する

  3. 必要な結果を除外する

let array = $('ul>li').toArray().map(item => $(item).html());
console.log(array);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>text1</li>
  <li>text2</li>
  <li>text3</li>
</ul>