無法使用 jquery 多次更改 html 內容

Question

這段代碼的想法是當單擊一個按鈕時，它應該將按鈕從 for ex Drop 更改為 Enroll .. 所以這里的代碼包含 jquerey ....

  $(document).ready(function(){
       
      
          $(document).on('click','.dropJQ',function (){
       
         var classIdValue =  this.value;
         var toEnrollBtn = "#" + classIdValue +"ToEnrollButton";
         var toEmpty = "#" + classIdValue +"ToEmpty";
         
         
      $.get("rmov.php", {classID : classIdValue},
      function(response){
          var opeartion = "success";
          if(response == opeartion){
              alert("The drop operation was failed");
          }else{
              alert("The drop operation was successful!"); 
         }
    $(toEnrollBtn).html("<button class = 'enrollJQ'  value = "+classIdValue+" >Enroll</button>");  
      $(toEmpty).html("");      
      
});
    });
    
    }); 
    
    </script>
      <script>
  
  $(document).ready(function(){
      
   $(document).on('click','.enrollJQ',function (){
        
        var classIdValue =  this.value;
        var toEnrolledString = "#" +classIdValue + "ToEnrolledString";
         var toDropBtn = "#" + classIdValue + "ToDropBtn";
     $.get("rsv.php", {classID : classIdValue},
      function(response){
           var opeartion = "success";
          if(response == opeartion){
              alert("The enroll operation was failed");
          }else{
              alert("The enroll operation was successful!"); 
         }   
         $(toEnrolledString).html("Enrolled");
          $(toDropBtn).html("<button class ='dropJQ' value = '"+classIdValue+"' >Drop</button>");
          
      
});
    });
    
    });
  
  
 
  
      

這是觸發發生的代碼子集

while($row= mysqli_fetch_assoc($result)){
               //echo '<tr><td><a href="InformationPage.php?classID='.$row['id'].'">'.$row['name'].''.'</a> </td>';
                echo '<tr id="trenrolld">';
                echo '<td><a href="InformationPage.php?classID='.$row['id'].'">'.$row['name'].''.'</a> </td>';
                echo '<td id="'.$row['id'].'ToEnrollButton">Enrolled</td>';//<a href="drop.php?classID='.$row['id'].'">Drop</a>
                echo '<td id="'.$row['id'].'ToEmpty"><button class = "dropJQ" value = "'.$row['id'].'" >Drop</button></td>';
               echo '</tr>';
                     }
                     
    
    
                       
          

一旦我點擊一個按鈕.. 按鈕從例如更改。 注冊 -> 丟棄但是當我再次單擊時按鈕保持“丟棄”

Answer 1

您可以檢查click按鈕的文本，然后更改它。

例子：

<button>Enrolled</button>

$("button").click(function(){
    $(this).text($(this).text() == 'Enrolled' ? 'Drop' : 'Enrolled');
});