如何正确使用.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');