JQuery удалить все DIV, но 1 не работает

Я пытаюсь удалить все элементы DIV, а только держа одну, чтобы показать http://jsfiddle.net/m5pt4kxa/JQuery удалить все DIV, но 1 не работает

я попробовал все из них, но ни один работы, они снимают все и не показывают #mfloverview

$('#body_home div:not(#mfloverview)').remove(); 
$('#body_home div').not('#mfloverview').remove(); 
$('div').not('#mfloverview').remove();

Вот HTML

<body id="body_home"> 
    <div id="home" class="pagebody"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div id="mfloverview"></div> 
    </div> 
</div>

источник

2014-09-18 MShack

'# myfloverview' является дочерним основной сНу' # дома '. Он удалит все внутри родителя. –

$ ("div> *: not (#mfloverview)"). Remove(); Это сработало – MShack

Ваш выбор выбрать все div элементы, которые не имеют #mfloverview. Это включает #home. Ваш код удаляет этот элемент и все внутри и заканчивается.

Сделайте свой выбор немного более конкретно:

$('#body_home #home div').not('#mfloverview').remove();

Так выбранные <div> элементы должны быть потомком #home, который должен быть потомком #body_home

JSFiddle

источник

2014-09-18 13:12:52 George

На самом деле, когда вы target all divs, кроме #mfloverview, вы нацеливаете его родительские divs, и в каком случае он также должен быть удален как его дочерний элемент в нем.

Попробуйте удалить div внутри #home, но не #mfloverview, как показано ниже.

$('#home div').not('#mfloverview').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div id="body_home"> 
 
    <div id="home" class="pagebody"> 
 
    <div>s</div> 
 
    <div>d</div> 
 
    <div>f</div> 
 
    <div id="mfloverview">g</div> 
 
    </div> 
 
</div>

источник

2014-09-18 13:13:20 mithunsatheesh

$("#body_home div").not(document.getElementByid('mfloverview')).remove()

источник

2014-09-18 13:16:50 Pratik

Сначала попробуйте прокомментировать, почему вы отвечаете, поможет OP, а второй не смешивает JQuery и Javascript, иногда OP может получить Confuse. –

Попробуйте

$('#home').find(":not(#mfloverview)").remove();

или

$('div').find(":not(#mfloverview)").remove();

источник

2014-09-18 13:21:42

JQuery удалить все DIV, но 1 не работает

ответ

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