jquery : 양식 요소 정보를 다른 함수로 전달하는 방법은 무엇입니까?

Question

양식 요소에 흐림 효과를 적용하려고합니다. 내가 겪고있는 문제는 두 번째 함수에 ID, 클래스 등의 요소 정보를 전달하는 것입니다. 나는이 예를 들어 아래로 단순화했습니다 :

물론

function otherfunction() { 
    var inputID = $(this).attr("id"); 
    alert(inputID); 
} 


$(".formelement").blur(function() { 

// Do some stuff here 

otherfunction(); 

}); 

, 경고 상자가 inputID가 정의되지 않은 것을 말한다. 요소의 정보를 다른 함수로 전달하려면 어떻게해야합니까?

Answer 1

인수로 입력을 전달합니다 사용

function otherfunction(el) { 
    var inputID = $(el).attr("id"); 
    alert(inputID); 
} 


$(".formelement").blur(function() { 
    // Do some stuff here 

    otherfunction(this); 
}); 

또는 Function.prototype.apply :

function otherfunction() { 
    var inputID = $(this).attr("id"); 
    alert(inputID); 
} 


$(".formelement").blur(function() { 
    // Do some stuff here 

    otherfunction.apply(this); 
}); 

Answer 2

사용 $.proxy의 경우 :

$(".formelement").blur($.proxy(otherfunction, this)); 

그리고 다른 자바 스크립트의 call 또는 apply :

$(".formelement").blur(function() { 

    // Do some stuff here 

    otherfunction.call(this); // or otherfunction.apply(this); 
}); 

Answer 3

나는 u는 다음과 같이 사용할 수 있다고 생각 :

function otherfunction(obj) { 
    var inputID = $(obj).attr("id"); 
    alert(inputID); } 


$(".formelement").blur(function() { 

otherfunction($(this)); 

});