访问触发事件的元素中的文本

我有一个无序列表，当列表项被单击到列表项中的文本时，我想更改按钮上的文本。 到目前为止，我有：

$(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的情况下获取单击的li文本

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()); }); });