jquery匹配查询的长度

Question

如何在不使用.each（）并仅使用JQuery选择器的情况下编写这两者？

var xxxx = 0; 
$('.clonedInput').each(function(index) { 
    if($(this).children().filter(':checked').length == 2) 
    xxxx++; 
}); 


var num_normal_foods = 0; 
$('[id^="amount_"]').each(function(index) { 
    if($(this).val() == '30.00') 
    num_normal_foods++; 
}); 

Answer 1

让我们这个一步一步一次。

您开始使用：

var xxxx = 0; 
$('.clonedInput').each(function(index) { 
    if($(this).children().filter(':checked').length == 2) 
    xxxx++; 
}); 

对我来说这看起来像你只是想filter.clonedInput元素的集合，并找出有多少匹配滤波器：

var xxxx; 
function hasTwoCheckedChildren(i) { 
    return $(this).children(':checked').length == 2; 
} 
xxxx = $('.clonedInput').filter(hasTwoCheckedChildren).length; 

由其次：

var num_normal_foods = 0; 
$('[id^="amount_"]').each(function(index) { 
    if($(this).val() == '30.00') 
    num_normal_foods++; 
}); 

再次，这看起来像一个过滤器环功能对我说：

var num_normal_foods; 
function valueIsThirty(i) { 
    return +$(this).val() === 30; 
} 
num_normal_foods = $('[id^="amount_"]').filter(valueIsThirty).length; 

---

最后，重要的是，该代码做你想让它做什么。如果你用.each编写的代码做了你想要的代码，那么就没有必要改变它。无论如何，幕后花絮filter使用each。

Answer 2

jQuery的选择有。长度属性：

var len = $('.clonedInput :checked').length; 
var len2 = $('[id^="amount_"][value="30.00"]').length; 

第一查询将返回所有任何.clonedInput类的检查孩子的，然后计算它们。

第二个查询查找以amount_开头且值为“30.00”的所有ID。 （属性查询可串连那样[] []）

编辑：满足@Blazemonger

得到的任何类型的元件（值适用于一些）的值，使用：

var len2 = $('[id^="amount_"]').filter(function() { 
    return $(this).val() == "30.00"; 
}).length; 

双击编辑，因为我很没用

var len = $('.clonedInput').filter(function(){ 
    return $(this).children(':checked').length == 2; 
}).length;