jQuery 객체를 내 객체로 확장

Question

내 문제는 다음과 같습니다. jQuery 개체를 내 XjQuery 개체로 확장하고 싶습니다. 하지만 각 함수에서 myofunc 함수가 선언되지 않은 객체를 찾습니다. 여기에 무슨 문제가 있습니까?

환호와 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()을 할 수 있습니다.

편집 : 다음

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

당신이 할 수 있습니다하십시오 xjQuery 개체로의 jQuery 객체를 "캐스팅"하려면, 당신은이 같은 생성자 수정할 수 있습니다

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