按类别获取ID中的元素

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

The following should work, however what you paste above should seem to also:

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

Answer 2

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

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

Answer 3

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