JQuery - on()을 사용하여 다른 텍스트를 토글하면서 버튼의 텍스트를 변경합니다.

Question

HTML은 요소를 끈 상태로 토글하는 단추 목록입니다.

단추의 텍스트를 "표시"에서 "숨기기"로 변경하고 싶습니다. 나는 그것이 complete() 콜백을 통해 수행되기를 원한다. 클릭 한 요소에 어떻게 액세스 할 수 있습니까? 내가 가진

이 JS 코드 :

$("body").on("click", ".selector", function(eve) { 
    $(".selector", $(this).parent()).toggle(function(){ 
     $(/*here comes the element that was clicked*/).text(
      function(i,text){ 
       return text == "show" ? "hide" : "show"; 
      } 
     ); 
    }); 
    }); 

Answer 1

스토어 참조

$("body").on("click", ".selector", function(eve) { 
var that = $(this); 
$(".selector", $(this).parent()).toggle(function(){ 
    that.text(
     function(i,text){ 
      return text == "show" ? "hide" : "show"; 
     } 
    ); 
}); 
}); 

Answer 2

당신은 event의이 event.currentTarget 재산 사용할 수 있습니다 this에

$("body").on("click", ".selector", function (eve) { 
    $(this).parent().find(".selector").toggle(function() { 
     $(eve.currentTarget).text(function (i, text) { 
      return text == "show" ? "hide" : "show"; 
     }); 
    }); 
});