माता-पिता <div> के अंदर सभी <div> की सामग्री को कैसे साफ़ करें?

Question

मेरे पास एक डिव है <div id="masterdiv">जिसमें कई बच्चे हैं <div>।

उदाहरण:

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

JQuery का उपयोग करके <div>मास्टर के अंदर सभी बच्चे की सामग्री को कैसे साफ़ करें <div>?

Comments

मैंने आपके प्रश्न को फिर से टैग किया क्योंकि यह Asp.net MVC से संबंधित नहीं है (जैसा कि आपने इसे टैग किया है) किसी भी तरह से आकार या रूप में।

— रॉबर्ट कोरिटनिक 17

उपयोग करने वाले उत्तर को स्वीकार करने पर विचार करें .empty()। यह ऐसा करने का सबसे अच्छा तरीका है

— कोलोब कैनियन

Answer 1

jQuery('#masterdiv div').html('');

Comments

क्या हम html को क्लोन कर सकते हैं और उस पर हेरफेर कर सकते हैं? जैसे var tmp = $ ('<div>')। परिशिष्ट ($ ('# मास्टरडिव')। cl) () () (निकालें) ()। html (); और tmp के #masterdiv के अंदर divs प्राप्त करें और सामग्री साफ़ करें और लौटें

— प्रसाद

उपयोग .empty()करना एक बेहतर विकल्प होगा क्योंकि कोई स्ट्रिंग पार्सिंग शामिल नहीं है। यह DOM ऑब्जेक्ट मॉडल पर सीधे संचालित होता है।

— ड्रू नॉक

empty()jQuery के साथ उत्पन्न होने वाली सभी सामग्री को भी साफ़ करता है।

— मिकीकोप

Answer 2

jQuery का empty()कार्य बस यही करता है:

$('#masterdiv').empty();

गुरु को साफ करता है div।

$('#masterdiv div').empty();

सभी बच्चे को साफ करता है div, लेकिन मास्टर को बरकरार रखता है।

Comments

api.jquery.com/empty यह सच है, लेकिन मुझे नहीं पता कि क्वेंटिन का जवाब क्यों स्वीकार किया गया :)

— Nuri YILMAZ

यह मूल प्रश्न में जो पूछा गया था, उससे कहीं अधिक स्पष्ट है - आपको अधिक विशिष्ट चयनकर्ता का उपयोग करना चाहिए ।

— ड्रू नोक

वाह, धन्यवाद, आपने इसे 1.5 साल बाद इंगित करने के लिए आकर्षित किया है :) फिक्स्ड।

— एमिल इवानोव

Answer 3

divआईडी के साथ तत्व के अंदर सभी तत्वों का चयन करने के लिए jQuery के सीएसएस चयनकर्ता वाक्यविन्यास का उपयोग करें masterdiv। फिर empty()सामग्री को साफ़ करने के लिए कॉल करें ।

$('#masterdiv div').empty();

उपयोग करने text('')या html('')जगह लेने के लिए कुछ स्ट्रिंग पार्स करने का कारण होगा, जो आम तौर पर डोम के साथ काम करते समय एक बुरा विचार है। कोशिश करें और डोम हेरफेर विधियों का उपयोग करें जिसमें डोम ऑब्जेक्ट्स के स्ट्रिंग प्रतिनिधित्व शामिल नहीं हैं जहां भी संभव हो।

Answer 4

jQuery आपको ".empty ()", "। remove ()", "। detach ()" का उपयोग करने की सलाह देता है।

यदि आपको तत्व में सभी तत्व हटाने की आवश्यकता है, तो इस कोड का उपयोग करें:

$('#target_id').empty();

यदि आपको सभी तत्व हटाने की आवश्यकता है, तो इस कोड का उपयोग करें:

$('#target_id').remove();

i और jQuery समूह SET FUNCTION जैसे .html () .attr () .text () का उपयोग करने के लिए अनुशंसा नहीं करते हैं , वह क्या है? यदि आप कुछ भी चाहते हैं, तो यह आवश्यक है

रेफरी: https://learn.jquery.com/using-jquery-core/manipulating-elements/

Answer 5

अगर उस मास्टरडिव के अंदर के सभी डिव को साफ़ करने की आवश्यकता है, तो यह।

$('#masterdiv div').html('');

इसके अलावा, आपको #मास्टरडिव के सभी डिव बच्चों पर पुनरावृति करने की जरूरत है, और जांच करें कि क्या आईडी चाइल्डिव से शुरू होती है।

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );

Answer 6

बेहतर तरीका है:

 $( ".masterdiv" ).empty();

Comments

यह क्लास "मास्टरडिव" के साथ सभी तत्वों का चयन करता है, आईडी "मास्टरडिव" नहीं, प्रश्नों के अनुसार - बस एक नोट।

— डेव

Answer 7

$("#masterdiv div").text("");

Answer 8

$("#masterdiv > *").text("")

या

$("#masterdiv").children().text("")

Answer 9

$('#div_id').empty();

या

$('.div_class').empty();

एक div के अंदर सामग्री को हटाने के लिए ठीक काम करता है

Comments

एमिल इवानोव के जवाब की नकल।

— एड्रियन एनरिकेज़

Answer 10

आप सभी बाल तत्वों को खाली करने के लिए .empty () फ़ंक्शन का उपयोग कर सकते हैं

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

Jquery के बीच तुलना देखने के लिए ।

Answer 11

जब आप किसी सेवा या डेटाबेस का उपयोग करके डेटा को div में जोड़ रहे हैं, तो पहले इसे खाली करने का प्रयास करें, जैसे:

var json = jsonParse(data.d);
$('#divname').empty();

Answer 12

$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

या

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});

Answer 13

मुझे पता है कि यह एक jQueryसंबंधित प्रश्न है, लेकिन मेरा मानना ​​है कि कोई व्यक्ति यहां शुद्ध Javascriptसमाधान की उम्मीद कर सकता है । इसलिए, यदि आप इसका उपयोग करने की कोशिश कर रहे थे, तो आप संपत्ति का jsउपयोग कर सकते innerHTMLहैं और इसे एक खाली स्ट्रिंग पर सेट कर सकते हैं ।

document.getElementById('masterdiv').innerHTML = '';

Comments

यह Google पर शीर्ष परिणाम था जब किसी डिव को खाली करने का तरीका खोजा जाता है। धन्यवाद!

— प्रिड

Answer 14

मदद करने पर उन्हें आज़माएं।

$('.div_parent .div_child').empty();

$('#div_parent #div_child').empty();

Comments

क्यों "-1"। मैं केवल मदद करने की कोशिश कर रहा था?

— गौरव कौशिक