Javascript jQuery脚本执行顺序与优化

Javascript jQuery脚本执行顺序与优化,javascript,html,jquery,css,Javascript,Html,Jquery,Css,为了通过一些动态生成的空div清理DOM,我编写了以下jQuery脚本,基本上我有包含空span的div和不包含任何内容的br和div,它们都需要消失。通过按以下顺序从控制台执行它们,我发现它们将完美地清理我的文档,而不会留下一个空div $('.release--content div span:empty').remove(); $('.release--content div br:empty').remove(); $('.release--content div:empty').r

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

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

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

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

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

只需一个选择器即可完成所有操作:

$('.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();

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

$('.release--content div span:empty,.release--content div br:empty')。remove();
$('.release--content div:empty').remove();//只有在第一行运行时,div才为空

我刚刚尝试过,没有从DOM中删除空div,只删除包含空br和span的div。我需要再次运行脚本以使它们消失。请尝试
$('.release--content div span:empty,.release--content div br:empty').parent().remove()
删除空

标记的父div。