Get array of text values using selector instead of iterating?

Question

I have some HTML like:

    hello 1
    hello 2
         


        

Answer 1

Or a little bit shorter than the accepted answer:

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

Answer 2

You can do it using .map() like this:

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

You can test it out here.

Answer 3

Additionally, the function to get the array of values with trimmed spaces:

var array = $('li').map(function(){
               return $.trim($(this).text());
            }).get();

Answer 4

use the jquery selector:

$("ul#foo span a")

Answer 5

Try this:

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

Answer 6

you can do it like this

var texts = new Array();

$('#foo > span > a').each(function() 
{ 
  texts.push( $( this ).text() ); 
});