मिलान किए गए तत्वों को छोड़कर Jquery खाली() div

Question

क्या कोई विशिष्ट वर्ग नाम वाले तत्वों को छोड़कर div को खाली करने का कोई तरीका है? या, क्या एक डिवीजन के भीतर सभी तत्वों को केवल एक निर्दिष्ट वर्ग वाले तत्वों को छोड़ने का कोई तरीका है?

Answer 1

इस चाल करना चाहिए इस

01 आज़माएं

Answer 2

@ मार्वे की तरह शायद बेहतर है, लेकिन यहाँ एक और वैसे भी (filter का उपयोग) है:

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

नमूना मार्कअप:

<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

यहां केवल jQuery चयनकर्ताओं का उपयोग कर एक और विकल्प है:

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

इस और से अधिक आयु वालों की तरह एक विधि के साथ मुद्दा है अगर वहाँ उदाहरण के लिए किसी भी बच्चे तत्वों वे भी हटा दिया जाएगा रहे हैं,:

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

यह भी निकाल दिया जाएगा :( पाठ क्योंकि यह वाइल्डकार्ड मिलान किया जाता है * और वर्ग className नहीं है और साथ ही हटा दिया जाएगा।

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