jQuery: Thay đổi văn bản nút khi nhấp vào

Question

Sau khi nhìn thấy Toggling button text in jquery câu hỏi này, tôi đã cố gắng tạo lại nó trong hoàn cảnh của mình nhưng dường như không hoạt động.

Đây là một fiddle về những gì tôi đã thực hiện: 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'); 
    } 
}); 

Dường như chỉ có bao giờ chạy câu lệnh if một lần. Tôi đang thiếu gì?

Answer 1

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

Điều này nên thực hiện. Bạn phải chắc chắn rằng bạn chuyển đổi các lớp học chính xác và đưa ra các "." từ hasClass

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

Answer 2

này nên làm việc cho bạn:

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

Answer 3

mã ngắn công việc của mình

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

Answer 4

thử này, javasc này mã ript để thay đổi văn bản tất cả thời gian để nhấp vào nút. http://jsfiddle.net/V4u5X/2/

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