Question

I have some HTML:

<div id="bin">
    <span class="item1 selectMe">1</span>
    <span class="item2 selectMe">2</span>
    <span class="item3 dontSelectMe">3</span>
</div>

I would like to return an array with the values in the span elements which contain the selectMe class. This is what I’ve written:

var values = [];
$('#bin span.selectMe').each(function() {
    values.push($(this).text());
});

However, when I print values to the console, it is always empty. Any thoughts on why I am not iterating through the bin?

Answer 1

What you have should work, but here is a more elegant solution:

var values = $('#bin span.selectMe').map(function() {
    return $(this).text();
}).get();