javascript - 尝试用 JS 删除复选框和随附的

Question

参见下面的屏幕截图:

我正在尝试使用 jQuery 删除突出显示的选项:“发票 - 商家测试”。它的代码位于屏幕截图中的突出显示部分之间。

我已经成功地获取并隐藏了 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 中删除匹配的元素集。”