jQueryプラグインをend（）にするにはどうすればよいですか？

Question

選択を変更するほとんどのjQuery関数呼び出しでは、endを使用して選択のステップに戻ることができます。例：

$('#myElement').parent().show().end().css('color', '#ff0000'); 

これは親要素を表示し、元の選択を赤にします。

しかし、選択をフィルタリングする独自のjQueryプラグインを定義すると、この機能は使用できません。例えば：私は今$('#myElement').nextBarOne().show().end()を行う場合

$.fn.nextBarOne = function(selector) { 
    var ret = this.next().next(); 

    return (typeof selector === 'undefined') ? ret : ret.filter(selector); 
} 

私は、元の選択に戻りません。明らかにこれは内部的には関数がnextを2回呼び出してからfilterを呼び出すためです。

組み込み関数のようにendを使用できるようにjQueryプラグインを定義するにはどうすればよいですか？

Answer 1

.next()を使用してトラバースした後に元のjQueryオブジェクトをポイントすると、prevObjectが設定されます。

$.fn.nextBarOne = function(selector) { 
    var self = this, 
     ret = (typeof selector === 'undefined') ? 
       this.next().next() : this.next().next().filter(selector); 
    ret.prevObject = self; 
    return ret; 
} 

EDIT：おそらくクリーナーpushStack()と

。また、セレクタをpushStackコールに含めました。

$.fn.nextBarOne = function(selector) { 
    var ret = (typeof selector === 'undefined') ? 
       this.next().next() : this.next().next().filter(selector); 
    return this.pushStack(ret, "nextBarOne", selector || "");   
} 

An example here