jQuery:点击时更改按钮文字

Question

在jquery看到Toggling按钮文本这个问题之后,我试着在我的情况下重新创建它,但似乎无法让它工作.

这是我所做的一个小提琴:http://jsfiddle.net/V4u5X/

$('.SeeMore2').click(function(){
    var $this = $(this);
    $this.toggleClass('SeeMore');
    if($this.hasClass('.SeeMore2')){
        $this.text('See More');         
    } else {
        $this.text('See Less');
    }
});

它似乎只运行一次if语句.我错过了什么？

Answer 1

$('.SeeMore2').click(function(){
    var $this = $(this);
    $this.toggleClass('SeeMore2');
    if($this.hasClass('SeeMore2')){
        $this.text('See More');         
    } else {
        $this.text('See Less');
    }
});

这应该做到这一点.你必须确保切换正确的类并取出"." 来自hasClass

http://jsfiddle.net/V4u5X/2/

Answer 2

试试这个,这个javascript代码一直改变文本点击按钮.http://jsfiddle.net/V4u5X/2/

HTML代码

<button class="SeeMore2">See More</button>

JavaScript的

$('.SeeMore2').click(function(){
        var $this = $(this);
        $this.toggleClass('SeeMore2');
        if($this.hasClass('SeeMore2')){
            $this.text('See More');         
        } else {
            $this.text('See Less');
        }
    });