1. ホーム
  2. javascript

[解決済み] jQueryでリスト要素の内容を配列で取得する

2022-11-10 08:19:18

質問

このような構造になっています。

<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('", "') + '"';