Jquery empty() div außer passenden Elementen

Question

Gibt es eine Möglichkeit, ein div zu leeren, so dass nur Elemente mit einem bestimmten Klassennamen übrig bleiben? Oder gibt es eine Möglichkeit, alle Elemente innerhalb eines div zu entfernen, so dass nur Elemente mit einer bestimmten Klasse übrig bleiben?

Answer 1

Diese den Trick tun sollten versuchen Sie dies

$('#theDiv').find('*:not(".className")').remove(); 

Answer 2

@ Weg Marve ist wahrscheinlich besser, aber hier ist sowieso eine andere (mit filter):

$('#theDiv').find('*').not('.className').remove(); 

Beispiel Markup:

<div id="theDiv"> 
    <p>this will be removed</p> 
    <p class="className">this will stay</p> 
</div> 

Answer 3

$("#yourDiv").html($('#yourDiv').filter('.IWantThisClass, .IWantThisToo').html()); 

Answer 4

Hier ist eine weitere Option mit nur jQuery Selektoren:

$("#theDiv *:not('.className')").remove(); 

Das Problem mit einem Verfahren wie diesem und über denen, wenn es irgendwelche untergeordneten Elemente sind, werden sie zum Beispiel auch entfernt werden:

<div id="theDiv"> 
    <p>this will be removed</p> 
    <p class="className"><strong>this will also be removed :(</strong></p> 
</div> 

Das Dies wird auch entfernt :( Text wird auch entfernt, da es die Wildcard * entspricht und nicht die Klasse Klassenname hat. Um dies zu lösen, wir wollen nur direkte Kinder der Eltern filtern, wie zB:

$("#theDiv > *:not('.className')").remove();