Question

I have the next code:

<ul>
    <li id="cat-12">
        <span id="subcat-13">lorem</span>
        <span id="subcat-43">ipsum</span>
    </li>
    <li id="cat-41">
        <span id="subcat-22">lorem</span>
        <span id="subcat-23">ipsum</span>
    </li>
</ul>

How I can select all <span /> IDs? So I get an array with: subcat-13, subcat-43, subcat-22, subcat-23?

Thank you in advance!

Answer 1

No need to loop with each, instead use map^(docs) like this:

var arr = $('ul li span').map(function(){
   return $(this).attr('id');
});

Live example: http://jsfiddle.net/qdAnx/