訪問觸發事件的元素中的文本

Question

我有一個無序列表，並且當列表項被單擊到列表項中的文本時，我想更改按鈕上的文本。到目前爲止，我有：

$(document).ready(function() { 
     $('.List-item').on("click",function(){ 
      $('#selectedOption').text("hi"); 
     }); 
    }); 

單擊任何列表項目時，這將在按鈕上的文字更改爲hi。我怎樣才能讓按鈕顯示列表項文本？我是否需要將列表項傳遞給函數？

Answer 1

嘗試：

$(document).ready(function() { 
    $('.List-item').on("click",function(){ 
     $('#selectedOption').text($(this).text()); 
    }); 
}); 

因爲這將涉及到你點擊什麼。 此外，您還可以使用

event.target.innerText 

獲得點擊李文本而不jQuery的

Answer 2

的.text會給你文字

$(document).ready(function() { 
    $('.List-item').on("click",function(){ 
     alert($('option:selected', this).text()); 
     var txt = $('option:selected', this).text(); 
    }); 
}); 

Answer 3

試試這個：

$(document).ready(function() { 
     $('.List-item').on("click",function(){ 
      $('#selectedOption').text($(this).text()); 
     }); 
    }); 

this是指在其onclick被觸發的對象。

Answer 4

您可以嘗試

$(document).ready(function() { 
     $('.List-item').on("click",function(){ 
      $('#selectedOption').text($(this).text()); 
     }); 
});