jQuery在每個元素中查找輸入複選框

Question

我想在所有頁面的DataTables列表的所有行中選中一個複選框。這是我的代碼：

$('#selectAll').click(function (e) { 
     var p = oTableAPI.rows('tr', { page: 'all', "filter": "applied" }).nodes(); 
     $.each(p, function (i, e) { 
      e.find('input[type = checkbox]').prop('checked', this.checked); 
     }); 
    }); 

在這行我得到Uncaught TypeError: undefined is not a function：

e.find('input[type = checkbox]').prop('checked', this.checked); 

我到底做錯了什麼？

Answer 1

e是對DOM元素的引用，而不是一個jQuery元件，因此不具有$ .find方法

$(e)使用或$(this)

$(e).find('input[type = checkbox]').prop('checked', this.checked); 

EDIT this.checked指向每個循環中的當前元素。也許節省檢查變量，或使用var self = this;

$('#selectAll').click(function (e) { 
    var checked = this.checked; 
    var p = oTableAPI.rows('tr', { page: 'all', "filter": "applied" }).nodes(); 
    $.each(p, function() { 
     $(this).find('input[type = checkbox]').prop('checked', checked); 
    }); 
});