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

商店參考，this

$("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財產

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