Jquery按钮文本切换

时间:2018-04-19 20:56:36

标签: jquery

在JQuery中切换几个锚点上的文本的最佳方法是什么?例如,我试图做的就是让页面上的所有锚点都说"点击我"。单击锚点后,文本将变为"我点击了" (管他呢)。然后,如果单击锚点2,则该锚点上的文本会发生变化,而锚点1的文本将重置为"单击我"。因此,无论是否单击锚点,然后单击一个不同的锚点,或单击两次,文本也会相应更改。

由于

2 个答案:

答案 0 :(得分:0)

在不了解您的HTML的情况下,您可能需要以下内容:

var $a = $('a');
$a.on('click', function() {
    $a.text('Click me');
    $(this).text('I\'m clicked');
});

答案 1 :(得分:0)

在这种情况下,您的代码将是这样的

<a href="#" class="click">click me</a><br/>
<a href="#" class="click">click me</a><br/>
<a href="#" class="click">click me</a><br/>
<a href="#" class="click">click me</a><br/>

添加以下jquery

$(function(){

    $('.click').click(function(){
        $('.click').text("click me");
        if($(this).hasClass('clicked')){
            $(this).removeClass('clicked').text("click me");
        }else{
            $(this).addClass('clicked').text("I'm clicked");
        }
        return false;
    }); 

});