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;