Bir üst <div> içindeki <div> nin tüm içeriğini nasıl temizleyebilirim?

<div id="masterdiv">Birkaç çocuğu olan bir div var <div>.

Misal:

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

JQuery kullanarak <div>master içindeki tüm çocukların içeriğini nasıl temizleyebilirim <div>?

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

jQuery'nin empty()işlevi tam olarak bunu yapar:

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

efendiyi temizler div.

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

tüm çocuğu temizler div, ama efendiyi olduğu gibi bırakır.

Kimliğe divsahip öğenin içindeki tüm öğeleri seçmek için jQuery'nin CSS seçici sözdizimini kullanın masterdiv. Ardından empty()içeriği temizlemek için arayın .

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

text('')Veya kullanıldığında html(''), DOM ile çalışırken genellikle kötü bir fikir olan bazı dize ayrıştırması gerçekleşir. Mümkün olduğunca DOM nesnelerinin dize temsillerini içermeyen DOM düzenleme yöntemlerini deneyin ve kullanın.

jQuery ".empty ()", ". remove ()", ". detach ()" kullanmanızı önerir

öğedeki tüm öğeleri silmeniz gerekiyorsa şu kodu kullanın:

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

tüm öğeyi silmeniz gerekiyorsa bu kodu kullanın:

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

i ve jQuery grubu .html () .attr () .text () gibi SET FUNCTION kullanılmasını önermez, bu nedir? İHTİYACINIZ OLAN HER ŞEYİ kurmak isterseniz

ref: https://learn.jquery.com/using-jquery-core/manipulating-elements/

Eğer bu masterdiv içindeki tüm div'lerin temizlenmesi gerekiyorsa, bu.

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

aksi takdirde, #masterdiv'in tüm div çocuklarını yinelemeniz ve kimliğin childdiv ile başlayıp başlamadığını kontrol etmeniz gerekir.

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

Daha iyi bir yol:

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

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

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

veya

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

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

veya

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

Bir div içindeki içeriği kaldırmak için iyi çalışır

Tüm alt öğeleri temizlemek için .empty () işlevini kullanabilirsiniz.

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

Jquery .empty (), .hide (), .remove () ve .detach () arasındaki karşılaştırmayı görmek için burayı takip edin http://www.voidtricks.com/jquery-empty-hide-remove-detach/

Herhangi bir hizmet veya veritabanı kullanarak kimliğe göre div öğesine veri eklerken, önce şunu deneyin:

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

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

veya

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

Bunun jQueryilgili bir soru olduğunu biliyorum , ama inanıyorum ki birisi buraya saf bir Javascriptçözüm bekleyebilir . Bu nedenle, bunu kullanarak yapmaya çalışıyorsanız js, innerHTMLözelliği kullanabilir ve boş bir dizeye ayarlayabilirsiniz.

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

yardımcı olursa onları deneyin.

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

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