jQuery脚本执行顺序和优化

Question

为了通过一些动态生成的空 div 来清理 DOM，我编写了以下 jQuery 脚本，基本上我的 div 包含空 span 和 br 和不包含任何内容的 div，它们都需要消失。通过按以下顺序从控制台执行它们，我发现它们将完美地清理我的文档，而不会留下一个空的 div。

$('.release--content div span:empty').remove();

$('.release--content div br:empty').remove();

$('.release--content div:empty').remove();

有没有办法通过编写一个脚本来避免运行多个单独的脚本？谢谢。

Answer 1

您只能将前两个选择器组合为一个，因为最后一个取决于前两个.remove()

$('.release--content div span:empty, .release--content div br:empty').remove();

$('.release--content div:empty').remove(); // the divs are only empty if the first line is run

Answer 2

您可以使用一个选择器完成所有操作：

$('.release--content div span:empty, .release--content div br:empty, .release--content div:empty').remove();

或者，也许更容易阅读：

$('
  .release--content div span:empty,
  .release--content div br:empty,
  .release--content div:empty
').remove();