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，因此它不再有效，因为{{1}}元素中包含内容。

Answer 1

试试这个：

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

Answer 2

试试这个：

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

请注意，这假定span始终是.slide-desc元素的直接子元素。如果不是，请改用：

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