jQuery: Ändern Sie die Schaltfläche Text auf klicken

Question

Nachdem ich diese Frage Toggling button text in jquery gesehen habe, habe ich versucht, es in meiner Situation neu zu erstellen, aber es scheint nicht zu funktionieren. Hier

ist eine Geige von dem, was ich getan habe: 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'); 
    } 
}); 

Es scheint immer nur einmal die if-Anweisung ausgeführt werden. Was vermisse ich?

Answer 1

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

Dies sollte es tun. Sie müssen sicherstellen, dass Sie die richtige Klasse wechseln und das "." vom hasClass

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

Answer 2

Dies sollte für Sie arbeiten:

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

Answer 3

seine Arbeit Kurzcode

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

Answer 4

dies versuchen, diese javasc ript code, um den Text jederzeit zu ändern, um auf die Schaltfläche zu klicken. http://jsfiddle.net/V4u5X/2/

HTML-Code

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