jQuery 콜백에서 소스 요소 가져 오기

Question

$('.myElem').live('click', function() { 
    $(this).hide(500, function() { 
     $(this).siblings('.myOtherElem').show(); 
    }); 
}); 

$(this)이 콜백에서 더 이상 올바른 범위에 없기 때문에 위의 코드가 작동하지 않습니다. 원본 소스 요소를 콜백에 어떻게 전달합니까?

Answer 1

실제로 코드가 작동해야합니다. 만약 외부에있어서 범위의 기준 저장할 수있는 내부 자바 방법 내 this 액세스하려면

:

$('.myElem').on('click', function() { 
    // This refers to the clicked element 
    $(this).hide(500, function() { 
     // This refers to the clicked element as well 
     $(this).siblings('.myOtherElem').show(); 
    });  
}); 

대부분의 jQuery 방법 this에서 그러나

$('.myElem').on('click', function() { 

    var myElem = this;  
    $(this).hide(500, function() { 
     $(myElem).siblings('.myOtherElem').show(); 
    }); 

}); 

사용 선택기 또는 요소를 참조한다

Answer 2

$('.myElem').live('click', function() { 
    var $this = $(this); 
    $this.hide(500, function() { 
     $this.siblings('.myOtherElem').show(); 
    }); 
}); 

Answer 3

$('.myElem').live('click', function() { 
    $(this).hide(500); 
    $(this).siblings('.myOtherElem').show(); 
});