jqueryオブジェクトのコレクションでunderscore.jsリスト関数を使用する

Question

jQueryとunderscore.jsの両方を使用するアプリケーションで作業しています。私は、any()やall()のようなアンダースコアのイテレータ関数をjQueryオブジェクトのコレクションに使用できるようにしたいと考えています。これを行う方法はありますか？私は、次のような何かをしたいと思います：

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ラップする必要があります。代わりに、コレクション内のすべての単一の要素の新しいオブジェクトを作成する、あなただけのネイティブbox.checkedを使用することができ、また

checkboxes = $("input[type=checkbox]"); 
checkboxes = _.filter(checkboxes, function(box) { 
    return $(box).is(":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") 

Answer 2

ここboxHTMLInputElement型オブジェクトです。そのjQueryオブジェクトではありません。 .isはjQueryオブジェクトメソッドなので、boxからjQueryオブジェクトが必要です。

これはちょうど$(box)によって行うことができます。次に.is()を適用します。

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