jquery : 자신의 하위 요소를 제외한 요소 선택

Question

$ (this)의 하위 클래스를 제외한 특정 클래스의 요소를 선택해야합니다. $ (이) (1) (첫 번째 요소) 인 경우 그 트릭은, 내가 선택해야하므로, 어떤 요소는 id 속성과 부모와 자녀 요소의 클래스가 동일없는이 예에서는

<div class="onedoc">1 
    <div class="onedoc">1.1 
     <div class="onedoc">1.1.1</div> 
    </div> 
    <div class="onedoc">1.2</div> 
</div> 
<div class="onedoc">2</div> 
<div class="onedoc">3</div> 

입니다 1.1.1, 2 및 3을 포함하는 요소

Answer 1

뭔가 작동합니다 :

$('.onedoc').not($(this).children()); 

DEMO

Answer 2

jquery remove() : http://api.jquery.com/remove/을 사용할 수 있습니다.

모든 onedoc 요소를 선택하고 remove()

예를 사용하여 DOM에서 자식 요소를 제거 의견에 따라

가

$('.onedoc').remove($(this).children()); 

편집 : 당신이 노드 자체를 포함하지 않는 경우, 그것도 제거 :

이 같은

$('.onedoc').remove($(this).children()).remove($(this)); 

Answer 3

$('.onedoc:not(:has(.onedoc))'); 

y OU는이 작업을 수행하여 대상을 지정할 수 있습니다

$('.onedoc:not(:has(.onedoc))', $target); // where $target is some element you selected 

http://jsfiddle.net/HackedByChinese/PqxbL/