jQuery, span이 비어있는 경우 p 요소가 포함 된 제거

Question

이것은 내 마크 업입니다.

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

는 내가하고 싶은 것은 <p class="slide-desc"></p>가 완전히 내부 <span>가 비어있는 경우 제거합니다.

그럴 수 있습니까? 나는 span를 추가했다

내가 이것을 사용 한 후

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

전에 그러나 p 요소에 포함 된 내용이 있기 때문에 그래서 더 이상 작동하지 않습니다.

Answer 1

이 시도 : 이것은 span 항상 .slide-desc 요소의 직접적인 자식 가정합니다

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

참고. 그렇지 않은 경우, 대신를 사용

이

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

Answer 2

이 시도 :

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