<span />在a中</span>选择<span />s</span> <li /> <span />里面</span> <ul /> <span />与jQuery</span>

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/

Answer 2

var array = new Array();

$('ul > li > span').each(function() {
    array.push($(this).attr('id'));
});

Answer 3

if you want a pure Array with just the ID you can select all the span:

var span = $("ul li span");

and then loop them with .each()

var span = $("ul li span"),
    arr = [];

span.each(function() {
    if(this.id) {
        arr.push(this.id);
    }
});