在jquery对象的集合上使用underscore.js列表函数

Question

我正在使用一个同时使用jQuery和underscore.js的应用程序。 我希望能够在jQuery对象的集合中使用一些下划线的迭代器函数，例如any()和all() 。 有没有办法做到这一点？ 我想做类似以下的事情：

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

但这会引发错误：

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

所以我假设在这个上下文中的框不像jQuery对象那样。

Answer 1

你必须在jQuery中包装box ：

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

---

此外，您可以只使用本机box.checked ，而不是为集合中的每个元素创建一个新对象：

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

旁注： jQuery有自己的过滤方法 ：

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

---

此外，在您的示例中 - 您确定必须过滤吗？ 您可以像使用选择器一样轻松地使用它：

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

Answer 2

这里的box是一个HTMLInputElement类型对象。 它不是一个jQuery对象。 由于.is是一个jQuery对象方法，你需要从box jQuery对象。

它可以通过$(box) 。 然后申请.is() 。

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