sử dụng chức năng danh sách underscore.js trên bộ sưu tập các đối tượng jquery

Question

Tôi đang làm việc với một ứng dụng sử dụng cả jQuery và underscore.js. Tôi muốn có thể sử dụng một số chức năng lặp của gạch dưới, chẳng hạn như any() và all() trên một tập hợp các đối tượng jQuery. Có cách nào để làm việc này không? Tôi muốn làm điều gì đó tương tự như sau:

checkboxes = $("input[type=checkbox]"); 
_.filter(checkboxes, function(box) { 
    return box.is(":checked"); 
}); 

nhưng điều này ném một lỗi:

Uncaught TypeError: Object #<HTMLInputElement> has no method 'is' 

vì vậy tôi giả sử hộp trong bối cảnh này không được đóng vai trò như là một đối tượng jQuery .

Answer 1

Bạn phải quấn box trong jQuery:

checkboxes = $("input[type=checkbox]"); 
checkboxes = _.filter(checkboxes, function(box) { 
    return $(box).is(":checked"); 
}); 

---

Ngoài ra, thay vì tạo ra một đối tượng mới cho mỗi yếu tố duy nhất trong bộ sưu tập, bạn có thể chỉ cần sử dụng có nguồn gốc box.checked:

checkboxes = $("input[type=checkbox]"); 
checkboxes = _.filter(checkboxes, function(box) { 
    return box.checked; 
}); 

Trên ghi chú bên:jQuery has its own filter method:

checkboxes = $("input[type=checkbox]").filter(function() { 
    return $(this).is(":checked"); 
}); 

---

Ngoài ra, trong ví dụ của bạn - bạn có chắc chắn phải lọc không? Bạn có thể dễ dàng sử dụng điều đó làm công cụ chọn của mình:

checkboxes = $("input[type=checkbox]:checked") 

Answer 2

Đây box là đối tượng loại HTMLInputElement. Nó không phải là một đối tượng jQuery. Vì .is là một phương thức đối tượng jQuery, bạn cần đối tượng jQuery từ box.

Nó có thể được thực hiện bởi, $(box). Sau đó, áp dụng .is().

$(box).is(":checked");