속성 및 하위 요소가없는 요소를 제거하는 방법은 무엇입니까?

Question

요소 목록이 있는데 속성과 자식 요소가없는 div 요소를 제거하고 싶습니다.

샘플 코드 :

<div class="wrapper"> 
    <div class="xx-1"></div> 
    <div id="yy-1"></div> 
    <div></div> 
    <div><h1>Hello World!</h1></div> 
    <div></div> 
    <div></div> 
</div> 

어떻게 래퍼 클래스 내부 <div></div>을 제거 할 수 있습니까?

Answer 1

는 제거를위한 조건은 경우

1. DIV 태그
2. 을 어떤 속성이없고이
3. 자식 요소는

그런 다음 당신은 아마 필터를 원하지 않을 것이다 :

$(".wrapper div").filter(function() { 
    return this.attributes.length == 0 
     && this.childNodes.length == 0; 
}).remove(); 

div:empty jQuery의 selector는 자식 노드가없는 모든 DIV 태그를 제거합니다. 여기에는 특성 및 자식 노드가없는 DIV 태그가 포함됩니다. 조사하고 시도하는 일부 후

Answer 2

필터를 사용할 수 있습니다.

$(".wapper div").filter(function() { 
    return $(this).text() == ""; 
}).remove(); 

이렇게하면 모든 div가 삭제됩니다.

Answer 3

, 나는 그것을 가지고 :

$('div:not([class]):not([id]):not(:has(*))').remove(); 

JSFiddle Demo

편집 : 좋아, 그것은 여전히 ​​그냥 class 및 id 속성 검사 이후의 해결책이 아니다.