jquery - jQuery，如果 span 为空，则删除包含 p 元素

Question

这是我的标记；

<p class="slide-desc">
    <span>SOME TEXT</span>
</p>

<p class="slide-desc"></p>如果<span>里面是空的，我想要做的是完全移除它。

那可能吗？

我以前用过这个

$('.slide-desc:empty').remove();

但是后来我不得不添加它，span所以它不再起作用，因为元素中包含了p内容。

Answer 1

try this:

$('.slide-desc span:empty').closest('.slide-desc').remove();

Answer 2

Try this:

$('.slide-desc > span:empty').parent().remove();

Note that this assumes the span is always the direct child of the .slide-desc element. If it's not, use this instead:

$('.slide-desc span:empty').closest('.slide-desc').remove();

Answer 3

你也可以试试

$('.slide-desc').has('span:empty').remove();

Answer 4

我认为这可能会更快：

$('p.slide-desc').find("span:empty").parent("p.slide-desc").remove();