JQuery $ .grep（）がセレクタで動作しないのはなぜですか？

Question

grepがオプションのセレクタ引数で動作しないことは奇妙に思えます.GREPを呼び出す既存の方法はJQueryの規約外にあるようです。言い換えれば、これは動作します：

$.grep($('div'), function(div) { return div.className == 'section' }); 

これにはない：

さらに

$('div').grep(function(div) { return div.className == 'section' }); 

、それはタグのリストを検索することがトリッキーになり、こののために - それは動作しますが、コードの最初の行を、 .css（）などを呼び出すことができる素敵な連鎖可能なJQueryオブジェクトではなく、フラットな配列を返します。

JQueryでgrepがこのように動作する理由はありますか？

Answer 1

あなたが探している機能は、$.fn.filter()という2番目の（コールバック）バリアントです。

それは$.grepとほとんど同じように動作しますが、jQueryオブジェクトに作用し、コールバック関数からtrueを返された要素、例えばのすべてのjQueryオブジェクトを返します。

$('div') 
.filter(function() { 
    return this.className == 'section' 
}) 
.css(...) ; 

Answer 2

私は​​を信じますjQuery.inArray()がarray.indexOfの実装を提供する方法と同様に、array.Filterの実装であることを意味します。したがって、他のjQueryメソッドの規約に従わない。

誰かが指摘したように、あなたがしようとしているもののためにfilter()が存在します。

Answer 3

$.grepの方法は、アレイと共に使用することを目的としたutility methodsの1つです。同じパターンに続く他の方法、たとえば$.each,$.map,$.inArrayおよび$.mergeがあります。

メソッドに対応するtraversing methodsを参照する必要がある要素コレクションで動作するメソッドを使用する場合は、filter methodとなります。あなたは要素の配列を持って起こる場合

---

また、あなたが簡単にjQueryオブジェクトにそれらを置くことができます。

$($.grep($('div'), function(div) { return div.className == 'section' }))