javascript - クラスごとにIDの要素を取得する

Question

私はいくつかのHTMLを持っています：

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

selectMeクラスを含むspan要素の値を含む配列を返したいと思います。これは私が書いたものです：

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

ただし、valuesコンソールに印刷すると、常に空になります。なぜ私が反復しないのかについての考えはありbinますか？

Answer 1

以下は機能するはずですが、上に貼り付けたものも機能するように見えます。

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

Answer 2

あなたが持っているものはうまくいくはずですが、ここにもっとエレガントな解決策があります：

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());
});