使用选择器而不是迭代获取文本值数组？

Question

我有一些HTML像:

<ul id='foo'>
    <span><a>hello 1</a></span>
    <span><a>hello 2</a></span>
    <span><a>hello 3</a></span>
</ul>

我想得到一个元素的所有文本值的数组,如:

var texts = [ 'hello 1', 'hello 2', 'hello 3' ];

我试图迭代每一个,在jQuery中是否有某种方法可以使用选择器抓取所有这些？

Answer 1

你可以这样使用.map():

var myArray = $("#foo span a").map(function() {
                 return $(this).text();
              }).get();

你可以在这里测试一下.

Answer 2

或者比接受的答案稍微短一些:

$.map($("#foo span a"), $.text)

Answer 3

试试这个:

$('#foo span a').map(function() { return $(this).text(); }).get();