jquery - jQuery、スパンが空の場合、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

これを試して：

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