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文本

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

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

4 个答案: