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

Question

我已經動態地（通過jquery）使HTML元素具有類.foo和.bar ，它們的所有元素都是類型checkboxes inputs 。 我有一個checkAll按鈕，它檢查所有框並將其id推送到一個名為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是一個空數組，而理想情況下，它應該是所有類為.foo的checkboxes的數組。 我究竟做錯了什么？

Answer 1

您應將var放入點擊的回調函數中：

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