jQuery - выберите все, кроме отдельных элементов и его детей?

Я пытаюсь удалить все во всем теле, за исключением одного элемента и его детей. Как я могу это сделать?jQuery - выберите все, кроме отдельных элементов и его детей?

Edit 1 Рассмотрим следующую разметку:

<html> 
    <body> 
     <div id="div1"></div> 
     <div id="div2"> 
     <div id="elementNotToRemove"></div> 
     </div> 
     <div id="div3"></div> 
     <div id="div4"></div> 
    </body> 
</html>

В приведенном выше примере, я хочу, чтобы удалить div1, div3 и div4, а также их детей, но сохранить div2, потому что он содержит элемент не удалять.

источник

2012-02-07 Mathias Lykkegaard Lorenzen

$("body > *").not("body > #elementtokeep").remove();

Вы можете заменить не() часть с тем, что вы хотите сохранить

источник

2012-02-07 08:30:33

Но что, если глубина элементов глубже, чем прямые дети тела? –

Удаление элемента также удалит всех детей –

Да, но это не то, что я имею в виду. Я немного уточнил в оригинальном вопросе. –

Вы можете сделать это следующим образом:

$('body > *:not(#dondelete)').remove();

Где ваш элемент имеет id="dondelete" и является потомком тела ,

источник

2012-02-07 08:31:45 PiTheNumber

Попробуйте

$('body > *:not(#123)').remove()

http://api.jquery.com/not-selector/

источник

2012-02-07 08:31:49

Кто их поддерживает? Это выберет только элемент 'body'. – kapa

@bazmegakapa проверено и исправлено –

Теперь это то же самое, что и другие (уже правильные) решения, опубликованные ранее, поэтому было бы справедливо удалить ваши. Однако я удалил нисходящее направление. – kapa

Это старый вопрос, но принятый ответ неверен. В этой ситуации это не работает (см. http://jsfiddle.net/LVb3V/) и, конечно, не как общее решение.

Лучше использовать:

$('body *').not('#div2, #div2 *').remove();

Это удалит все элементы в организме div2 кроме и все элементы, содержащиеся в нем.

источник

2012-08-15 08:06:03 ColBeseder

Спасибо! Это должно быть приемлемым решением. Большая разница здесь - jquery ».а не «вместо использования не в селекторе». –

Я думаю, что

$("body *").not("body #div2") 
      .not("body #div2 #elementtokeep") 
      .not("body #div2 #elementtokeep *") 
      .remove();

это самый простой способ, чтобы сфокусировать его.

http://jsfiddle.net/6vb2va6g/

источник

2015-04-02 20:48:40

Этот код работает для меня.

$('body > * :not(#123)').remove()

Необходимо указать расстояние между * и:. Раньше, когда пытались использовать код с

$('body > *:not(#123)').remove() это не сработало. Мне нужно было дать пробел между символами * и:.

Счастливое кодирование.

источник

2016-12-23 13:01:19

jQuery - выберите все, кроме отдельных элементов и его детей?

ответ

Смежные вопросы