jquery - クラスごとにjQueryでdivの長さを数える

Question

<div class="pam_numbers">18</div>
<div class="pam_numbers">1000</div>
<div class="pam_numbers">1900</div>
<div class="pam_numbers">18</div>

すべての div の文字数を個別にカウントして、条件 if value==2 then を作成したいと思います...

$(".pam_numbers").text().length

クラスを持つすべてのdivの値の合計を返しています。この場合は「12」です。

すべての div に ID を追加し、配列からカウントする必要がありますか?

score 6 · Accepted Answer

filter()を使用して各要素に条件を適用し、条件を満たす場合はそれを返すことができます。

$(".pam_numbers").filter(function(){    
   if($(this).text().length == 2)
       return $(this);    
});

編集: @Mark Schultheiss が示唆しifたように、return ステートメントで条件を直接指定することで省略できます。

$(".pam_numbers").filter(function(){      
     return $(this).text().length === 2;
});

score 1 · Accepted Answer

$(".pam_numbers") はそれらすべてを選択します。1 つのアプローチは、それらを jQuery スタイルでループすることです。

$(".pam_numbers").each(function () {
  if ($(this).text().length == 2) {
    // Do stuff
  }
});

他のアプローチは、セレクターに一致するすべての要素を含む配列のようなオブジェクトをキャプチャし、それを従来のようにループすることです。

var elements = $(".pam_numbers");
for (var i in elements) {
   // check and do stuff
}

2 に答える 2