試圖刪除複選框並與JS

Question

伴隨

見下面的屏幕截圖：

我想刪除突出顯示的選項：「發票 - 商人測試」使用jQuery。它的代碼位於屏幕快照中的亮點之間。

我已經取得了一些成功，並隱藏它們，但它似乎我必須抓住和隱藏三個不同的ID，仍然有一個空間，當我刪除它們時，<br>。

我的問題是：

如何刪除這個選項，而無需編寫幾種不同的jQuery的語句，我寧願只有一個，我怎麼可以刪除它周圍的<br>這樣，當選項是隱藏的，它不沒有留下一個大的空間？

Answer 1

這可能是在一個聲明中，使用jQuery的調用鏈：

$('#uniform-checkout_provider_checkout_cod') //start with the original div 
    .nextUntil('div')       //then get the subsequent <br> 
               //and <label> elements 
    .addBack()        //and then re-include the original div 
    .remove();        //and finally remove them all 

參考：

• nextUntil：「獲取所有的每個元素的下面的兄弟姐妹直到但不包括由選擇器，DOM節點或jQuery對象傳遞的元素匹配。「
• addBack：「將堆棧中的上一組元素添加到當前集合中，可以通過選擇器進行過濾。」
• remove：「從DOM中刪除一組匹配的元素。」