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

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获取点击的li文本