JQueryセレクタ 最初の Classのみ抽出

Question

<div class="aaa"> <div> <span class="b">10,000</span> <span class="b">20,000</span> </div> </div>

$(".b").text().replace(/[^0-9]/g,' ')
→1000020000

となってしまうのですが

先にでているクラスの値のみを抽出したい場合はどのように記述すれば
良いでしょうか

【求めるアウトプット】
→10000　のみ抽出

ご確認よろしくお願い致します

Answer 1

n番目の要素のjQueryオブジェクトを取得するには、eqメソッドを使用します。

$(".b").eq(0).text().replace(/[^0-9]/g, ' ');

Answer 2

$(".b:first-child").text().replace(/[^0-9]/g,'')

:first-child - CSS: カスケーディングスタイルシート | MDN

あるいは、

$(".b").first().text().replace(/[^0-9]/g,'')

Comments

[maisumakun]

この場合はいいのですが、「.b:first-child」は「親要素の中で最初の要素かつ.b」なので、親要素が複数あると複数のエレメントとヒットします。

Answer 3

$(".b").text().replace(/[^0-9]/g,' ')

空白文字にいれかえるのでしょうか？

console.log($(".b:first").text().replace(/[^0-9]/g,' '));