21

Toggleling button text in jquery this questionを見た後、自分の状況で再作成しようとしましたが、うまくいかないようです。

これが私がやったことのフィドルです：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 ステートメントは 1 回しか実行されないようです。私は何が欠けていますか？

4

6 に答える 6

45 
$('.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/

于 2013-10-14T17:05:05.007 に答える
7

これを試してみてください。この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');
        }
    });
于 2016-08-12T08:53:57.137 に答える
2

その作品のショートコード

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

于 2014-07-02T07:06:32.983 に答える
1

これはあなたのために働くはずです：

    $('.SeeMore2').click(function(){
        var $this = $(this);
        $this.toggleClass('SeeMore2');
        if($this.hasClass('SeeMore2')){
            $this.text('See More');         
        } else {
            $this.text('See Less');
        }
});
于 2013-10-14T17:05:36.753 に答える