How can jQuery convert my ordered list into an array?

Question

This is my list:

<ol>
    <li>Audi</li>
    <li>Kawasaki</li>
    <li>Vauxhall</li>
</ol>

What is the jQuery function that will transform the list items into an array?

var cars;
$('li').map(function() {
    // converts the ordered list into a javascript array named 'cars'
});

Thanks!

maid450 · Accepted Answer · 2011-01-11 07:45:49Z

9

If what you want is an array of the li DOM elements you can just use jQuery's toArray():

var cars = $('li').toArray();

If what you need is an array containing ['audi', 'kawasaki',...] then:

var cars = [];
$('li').each(function(i, elem) {
    cars.push($(elem).text());
});

answered Jan 11, 2011 at 7:45

maid450

7,4863 gold badges40 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks, I wanted to find out how to create the array from the contents and not the entire li DOM elements

leeny · Accepted Answer · 2011-01-11 07:49:19Z

4

$('li').map(function() { 
  return $(this).val();
}).get();

answered Jan 11, 2011 at 7:49

leeny

6163 silver badges14 bronze badges