如何正確使用.removeClass

Question

var increment = 0; 

$("#dial-save").click(function(){ 
$(".add-flow").html(""); 
$(".add-flow").append("<button type='button' class='btn btn-w-s btn-ivr'><i class='fa fa-hand-o-down p-xxs' aria-hidden='true'></i>Dial</button>"); 

    switch(increment) { 
     case 0: 
       $(".flow-preview").append("<div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-10 add-flow'><button type='button' class='btn add-applet' data-toggle='modal' data-target='#myModalAddApplet'>Add Applet</button></div>"); 
       increment++; 
       $("#myModalAppletDial").modal('hide'); 
       $(".add-flow:first-child").removeClass("add-flow"); 
       break; 

     case 1: 
       $(".flow-preview").append("<div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-9 add-flow'><button type='button' class='btn add-applet' data-toggle='modal' data-target='#myModalAddApplet'>Add Applet</button></div>"); 
       increment++; 
       $("#myModalAppletDial").modal('hide'); 
       break; 

    }; 

}); 

我需要幫助更改行$(".add-flow:first-child").removeClass("add-flow");。我想在這裏做的是刪除所有標籤add-flow，除了一個我追加...

Answer 1

請嘗試以下

switch(increment) { 
      case 0: 
      $('.flow-preview').find(".add-flow").removeClass("add-flow"); 
      $(".flow-preview").append("<div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-10 add-flow'><button type='button' class='btn add-applet' data-toggle='modal' data-target='#myModalAddApplet'>Add Applet</button></div>"); 
      increment++; 
      $("#myModalAppletDial").modal('hide'); 
      break; 

      case 1: 
      $(".flow-preview").append("<div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-9 add-flow'><button type='button' class='btn add-applet' data-toggle='modal' data-target='#myModalAddApplet'>Add Applet</button></div>"); 
      increment++; 
      $("#myModalAppletDial").modal('hide'); 
      break; 

}; 

Answer 2

也許，你用：第一胎錯誤。正如文件所述，第一個孩子將選擇所有父母的第一個孩子（https://api.jquery.com/first-child-selector/）。如果你有幾個.add-flow，他們不是他們父母的第一個孩子？

我覺得easies的方式來實現這一目標：

1. 第一，你的所有標籤
2. 刪除。新增流量的話，追加新的

在你的代碼，removeClass（）然後append（）：

$(".add-flow").removeClass("add-flow"); // remove first, probably you dont need :first-child here 
$(".flow-preview").append("<div class='col-md-1'></div><div class='col-md-1'></div><div class='col-md-10 add-flow'><button type='button' class='btn add-applet' data-toggle='modal' data-target='#myModalAddApplet'>Add Applet</button></div>"); // then append 
increment++; 
$("#myModalAppletDial").modal('hide');