在 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'

所以我假设此上下文中的 box 的行为不像 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)来完成。然后应用.is()。

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