javascript - 将下一个元素与jquery中选定的元素一起删除

Question

我正在批量删除所有 div id 以 leg- 开头的元素:

$('div[id^="leg-"]').remove();

我也想删除<hr>每个 div 之后的元素:

<div id="leg-1">
    ...
</div>

<hr>

没有触发任何事件，这就是为什么我无法选择这样的元素:

$(this).next();

我该怎么做？

Answer 1

您可以将 jQuery 所做的选择缓存在中间变量中，如下所示:

var selection = $('div[id^="leg-"]');
selection.next().remove();
selection.remove();

就像您想要使用的 $(this) 方法一样，变量 selection 现在包含对您的所有 div 的引用想要删除。在该选择上调用 next() 会返回直接同级，即您要删除的 hr(对于每个 div)。

一般来说:只要您需要在 jQuery 中进行两次相同的选择，请考虑将其保存到一个变量中，以加快脚本速度并将 DOM 查询减少到最低限度。