jQuery：クリック時のボタンのテキストを変更

Question

Toggling button text in jqueryこの質問を見た後、私は自分の状況でそれを再作成しようとしましたが、機能していないようです。ここで

は、私がやったのフィドルです：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

からこれはあなたのために働く必要があります。

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

Answer 3

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

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

Answer 4

をこのjavascこの、 を試してみてくださいすべての時間をクリックしてテキストを変更するためのスクリプトコード。 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'); 
     } 
    });