2009-03-17 17 views
69

के अंदर सभी HTML को हटाना चाहते हैं मेरे पास एक div है, और मैं उस div के अंदर सभी HTML को हटाना चाहता हूं।jQuery में, एक div

मैं यह कैसे कर सकता हूं?

उत्तर

134

आप empty समारोह का उपयोग करना चाहते:

$('#mydiv').empty(); 
10

एक और तरीका सिर्फ रिक्त स्ट्रिंग पर एचटीएमएल स्थापित करने के लिए है:

$('#mydiv').html(''); 
69

मुझे नहीं लगता कि empty() या html() है कि क्या आप तलाश रहे हैं। मुझे लगता है कि आप PHP में strip_tags जैसे कुछ ढूंढ रहे हैं। यदि आप ऐसा करना चाहते हैं, इस समारोह को जोड़ने के लिए की तुलना में आप की जरूरत:

jQuery.fn.stripTags = function() { 
    return this.replaceWith(this.html().replace(/<\/?[^>]+>/gi, '')); 
}; 

मान लीजिए यह आपके HTML है:

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div> 

और फिर आप कार्य करें:

$("#foo").stripTags(); 

कौन सा परिणाम होगा इन:

<div id='foo'>This is bold and this is italic.</div> 
+5

की तरह मुझे लगता है कि वह मतलब सभी सामग्री को हटा रहा है। भविष्य की पीढ़ियों के लिए अभी भी अच्छे जवाब के लिए +1। –

+28

व्यक्तिगत रूप से मैं केवल $ ("# foo") करता हूं। Html ($ ("# foo")। टेक्स्ट()); – Killroy

+5

पोस्टर ऐसा नहीं करना चाहता था लेकिन मैंने किया। +1, धन्यवाद। –

0
var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>'); 
console.log(htmlJ.text()); // "Test123goto Google" 
+0

यदि टेक्स्ट ' 'यह चेतावनी देगा, इसलिए यह सुरक्षित नहीं है। – umpirsky

0
function stripsTags(text) 
    { 
    return $.trim($('<div>').html(text).text()); 
    } 
+0

यदि टेक्स्ट '<स्क्रिप्ट टाइप =" टेक्स्ट/जावास्क्रिप्ट "> अलर्ट ('सासा') है; 'यह चेतावनी देगा, इसलिए यह सुरक्षित नहीं है। – umpirsky

0

आप इस

<div class="prtDiv"> 
    <div class="first"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
    </div> 
</div> 

की तरह एक एचटीएमएल है के तहत "पहले" div सब एचटीएमएल स्थायी रूप से निकालना चाहते हैं तो लगता है। बस (आप उन्हें फिर से जोड़ना चाहते हैं) इस

$('.first').empty(); 

परिणाम का उपयोग इस

<div class="prtDiv"> 
    <div class="first"> 

    </div> 
</div> 
अस्थायी के लिए

तरह होगा हम कोशिश अलग कर सकती हैं()

$('.first').detach();