用class分别计算div的长度jQuery

时间:2013-03-20 12:14:54

标签: jquery html

<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 = = 2然后......

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

返回每个div的值与类的总和。在这种情况下'12'。

我是否必须为每个div添加一个ID并从数组中计数?

2 个答案:

答案 0 :(得分:6)

如果条件满足您的条件,您可以使用filter()对每个元素应用条件并返回它。

<强> Live Demo

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

编辑:正如@Mark Schultheiss建议我们可以通过直接将条件与return语句一起省略if

<强> Live Demo

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

答案 1 :(得分:1)

你必须分别处理每个div,$(“。pam_numbers”)选择所有这些。一种方法是循环使用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
}