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

前端之家收集整理的这篇文章主要介绍了javascript – 在jquery对象的集合上使用underscore.js列表函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个同时使用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对象.

解决方法

你必须在jQuery中包装盒子:
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 has its own filter method

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

此外,在您的示例中 – 您确定必须过滤吗?您可以像使用选择器一样轻松地使用它:

checkBoxes = $("input[type=checkBox]:checked")

猜你在找的jQuery相关文章