尝试删除复选框并随附JS

Question

见下面的屏幕截图：

我正在尝试使用jQuery删除突出显示的选项：“Invoice - Merchant Test”。它的代码位于屏幕截图中的高亮显示之间。

我已经取得了一些成功并抓住了ID并隐藏了它们，但似乎我必须抓住并隐藏三个不同的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中删除匹配的元素集。”