無法使用jquery從塊中刪除多個項目

Question

我有一個使用下面的html刪除多個塊的問題。我能夠通過使用下面的jquery刪除單個塊。但我不知道如何刪除多個塊刪除多個塊我有複選框，但它沒有工作。我正在粘貼單個刪除下面的jquery代碼。任何人都可以幫助我，如何刪除多個塊。我已經粘貼了以下html以下的代碼

當我點擊刪除，一個塊被刪除。我粘貼的代碼如下。

$("#addSentiment").on("click", ".dialogs .itemdiv .tools span", function(e){ 
    $(this).closest('.dialogs .itemdiv').remove(); 
}); 

刪除多塊我也像外面我this.I使用下面的jQuery代碼到checkall複選框，當我點擊複選框外複選框。 基本上沒有能夠通過使用複選框使用jQuery

代碼選擇多個塊刪除多個項目（jQuery的）

$('#selecctall').click(function(event) { //on click 
    if(this.checked) { // check select status 
     $('.checkbox1').each(function() { //loop through each checkbox 
      this.checked = true; //select all checkboxes with class "checkbox1"    
     }); 
    }else{ 
     $('.checkbox1').each(function() { //loop through each checkbox 
      this.checked = false; //deselect all checkboxes with class "checkbox1"      
     });   
    } 
}); 

<div class="panel-heading"> 
<h3 class="panel-title"> 

<input type="checkbox" id="selecctall">Multiple List 
<span class="delrt"><a id="del">Delete</a></span> 

</h3> 
</div> 


<div id="addSentiment" class="dialogs"><div id="1" class="dialogs"> 
      <div class="itemdiv dialogdiv"> 


      <div class="body"> 


      <div class="name"> 
      <input type="checkbox" value="4502216" name="check[]" class="checkbox1">&nbsp;<a href="#">qwe@xxxx.com</a> 
      </div> 
      <div id="cat_1" class="text"><b>Category</b> : as<br></div> 
      <div id="op_1" class="text"><b>Opissnion worssd/phrase</b> : One<br></div> 
      <div id="feature_1" class="text"><b>Feassture wossrd/psshrase</b> : formal<br></div> 
      <div id="score_1" class="text"><b>Score</b> : Positive<br></div> 
      <div class="text"><input type="hidden" value="1" name="hd"></div> 
      <div class="docidhd"><input type="hidden" value="4502216" name="hddocid" id="hddocid_1"><input type="hidden" value="1" name="cntupdt" id="cntupdt"></div> 
      <div class="tools"> 
      <a id="edit_1" class="btn acebtn btn-minier btn-info" href="#"> 
      <i class="icon-only ace-icon fa fa-share"></i> 

      </a> 
      <span class="dlt"> 
      <a id="delete_1" class="btn acebtn btn-minier btn-info dlt" href="#"> 
      <i class="icon-only ace-icon fa fa-share"></i> 
      delete 
      </a> 
      </span> 
      </div> 


      </div> 
      </div></div><div id="2" class="dialogs"> 
     <div class="itemdiv dialogdiv"> 
<div class="body"> 

<div class="name"> 
<input type="checkbox" value="4502217" name="check[]" class="checkbox1">&nbsp;<a href="#">email@email.com</a> 
</div> 
<div id="cat_2" class="text"><b>Category</b> : Acsssaascess<br></div> 
<div id="op_2" class="text"><b>Opinssion word/phrase</b> : testing opinssion<br></div> 
<div id="feature_2" class="text"><b>Feassture word/phrase</b> : Thumsssbs up<br></div> 
<div id="score_2" class="text"><b>Scssore</b> : possstive<br></div> 
<div class="text"><input type="hidden" value="2" name="hd"></div> 
<div class="docidhd"><input type="hidden" value="4502217" name="hddocid" id="hddocid_2"></div> 
    <div class="tools"> 
      <a id="edit_2" class="btn acebtn btn-minier btn-info" href="#"> 
<i class="icon-only ace-icon fa fa-share"></i>              
       </a> 
<span class="dlt"> 
<a id="delete_2" class="btn acebtn btn-minier btn-info dlt" href="#"> 
                     <i class="icon-only ace-icon fa fa-share"></i>                 delete</a> 
</span> 
</div> 


</div> 
</div> 
</div> 
</div> 

我已經粘貼只有2 blocks.I可以得到無限塊

Answer 1

$(".panel-heading").on("click", "#del", function(e) { 
    $('.dialogs').find("input[name='check[]']:checked").closest('.dialogs').remove(); 
}); 

http://jsbin.com/vexeto/1/

Answer 2

到在您的jquery選擇器字符串中獲取多個項目，請使用逗號,：

$(this).closest('.dialogs, .itemdiv').remove();