如何通過jquery查找屬於動態添加的類的所有元素？

Question

我動態地（由jquery）製作HTML元素，其類別爲.foo和.bar，其所有元素均爲inputs類型checkboxes。我有一個按鈕checkAll，它檢查所有框，並將其id s推入一個名爲selectedBuckets的數組中。此按鈕不是動態製作的。它看起來是這樣的：

var bucketClasses = [$('.foo'), $('.bar')]; 
$('#checkAll').click(function() { 
    var isAdd = true;  
    var selectedBuckets = []; 
    bucketClasses.forEach(function (bucketClass) { 
     bucketClass.each(function() { 
      this.checked = isAdd; 
      if (isAdd) 
       selectedBuckets.push(this.id); 
     }) 
    }); 
}); 

的問題是，該功能是無法發現，有一類.foo（或.bar爲此事）的HTML元素。通過放置斷點，我發現bucketClass是一個空陣列，理想情況下它應該是所有checkboxes的數組，其類別爲.foo。我究竟做錯了什麼？

Answer 1

您應該將在該點的回調函數的變種：

$('#checkAll').click(function() { 
    var bucketClasses = [$('.foo'), $('.bar')]; 
    // all other code as is 
});