jquery: выберите элементы, кроме собственных детей

Question

Мне нужно выбрать элементы определенного класса, кроме детей $ (this). Хитрость заключается в том ни один из элементов не имеют атрибут 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.1, 2 и 3

Answer 1

Что-то, как это должно работать:

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

DEMO

Answer 2

Вы можете использовать jquery remove(): http://api.jquery.com/remove/.

Выберите все элементы onedoc, а затем удалить дочерние элементы из DOM с помощью remove()

например

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

Редактировать как на комментарии: Если вы не хотите включать сам узел, а затем удалить это тоже:

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

Answer 3

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

Y ожно указать цель, как это сделать:

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

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