在jQuery中获取列表元素内容的数组

Question

我有这样的结构:

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

如何使用javascript或jQuery将文本作为数组？

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

我的计划是将它组装成一个字符串,可能是使用.join(', ')它,并以这样的格式得到它:

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

Answer 1

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

......应该做的伎俩.要获得您正在寻找的最终输出,join()加上一些连接将很好地做到:

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

Answer 2

没有冗余的中间阵列:

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

请参阅jsfiddle 演示

Answer 3

在干净的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);

Answer 4

kimstik很接近,但并不完全.

以下是如何在方便的单行中完成:

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

这是jQuery的map函数的完整文档,它非常方便:http://api.jquery.com/jQuery.map/

为了完全回答,这里是您正在寻找的完整功能:

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

Answer 5

var arr = new Array();

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