jQueryオブジェクトを自分のオブジェクトに拡張します

Question

私の問題は次のコードです！ 私はXQueryオブジェクトにjQueryオブジェクトを拡張したいと思っています。 しかし、私がオブジェクトを見つける各関数において、関数myfuncは宣言されていません ここで何が間違っていますか？

歓声とeachインサイド

私の下手な英語のため申し訳ありません

XjQuery = function() 
    {   
     var jq = $("<div id=xjq>hallo</div>"); 
     $.extend(this, jq); 
    } 
    XjQuery.prototype.myfunc = function() { 
     this.append("<p>myfunc called</p>"); 
    } 
    xjq = new XjQuery(); 

    xjq.myfunc(); // this works 
    $("#maindiv").append(xjq); // works also 
    $("#maindiv").find("#xjq").each(function() { 
     $(this).myfunc(); // doesn't work 
    }); 

Answer 1

、thisは、ネイティブのDOM要素であり、そして$(this)はjQueryオブジェクトです。 jQueryオブジェクトをxjQueryオブジェクトに「変換する」必要があります。

なぜxJqueryオブジェクトを最初に作成していますか？ jQuery pluginを作ってみませんか？

jQuery.fn.myfunc = function() { 
    this.append("<p>myfunc called</p>"); 
}; 

次に、$("#maindiv").myfunc()を実行できます。

EDIT：xjQueryオブジェクトとして "キャスト" jQueryオブジェクトには、あなたがこのようなコンストラクタを変更することができます。

XjQuery = function(jq) 
{   
    jq = typeof jq === 'undefined' ? $("<div id=xjq>hallo</div>") : $(jq); 
    $.extend(this, jq); 
} 

次に、あなたが行うことができます：

$("#maindiv").find("#xjq").each(function() { 
    new XjQuery(this).myfunc(); 
});