在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); 
})

您可以执行以下操作。一行代码就足够了

• 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>