Javascript関数ラッパーが失敗しますか？

Question

jQueryメソッドに機能を追加しようとしています。

は私がli.s一致する複数の要素があります

$('li.s').appendTo('#target'); 

コードを持っている、と私はそれが正しくてFirebugを使ってつかんだ見ることができます。

appendメソッドはラッパーなしで正常に動作します。しかし、（機能については何も変更しないでください）私のラッパーを持つ：正しいjQueryオブジェクトではなく、それらのすべてを、返されたが、唯一の最初のli.sが#targetに追加され

var oldAppend = $.fn.append; 

$.fn.append = function(expr) { 
    return oldAppend.call(this, expr); 
}; 

。どうしてこれなの？ oldAppendへのコールで私の他の要素を失うのはどこですか？

Answer 1

問題は、あなた（私が）ノートでappendに送信された引数のすべてを渡しているということですappendTo。そのようapplyとargumentsを使用します。

var oldAppend = $.fn.append; 

$.fn.append = function() { 
    return oldAppend.apply(this, arguments); 
}; 

（$.eachを使用した場合など、すべての機能がargumentsを持っているので、あなたは、これらの引数にアクセスするために、適切な範囲でvar args = argumentsに必要なことを覚えておいてください。）

Answer 2

私はこれを確認するためにjQueryのコードに掘り下げていないが、ほとんどの機能は通常this.each（FN）を返す必要があります。

$.fn.append = function(expr) { 
    return this.each(function() { 
     oldAppend.call($(this), expr); 
    }); 
}; 

あなたは私がthisをラップしなければならなかった気付くでしょうがappendメソッドはそれがコンテキストであることを期待しているので、内部関数の内側にjQueryオブジェクトがあります。私はわからないんだけど、あなたは同様thisへの外部参照をラップする必要があるかもしれません：

return $(this).each