Bir öğenin içeriği JQuery ile nasıl kaldırılır?

Question

İçindekilerden bir div ve içeriğim var.

<div> 
     Content 
</div> 

JQuery ile, div'u, yalnızca içerideki içeriği kaldırmadan nasıl boşaltabilirim?

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

boş fonksiyon aynı zamanda tüm olay işleyicileri kaldıracak ve jQuery içten verileri önbelleğe:

Answer 1

Bir öğesini tüm alt düğümler (tüm içerik) kaldırmak için empty işlevini kullanabilirsiniz.

Answer 2

div kimliğine sahipse, bu gibi yapabilirsiniz:

$('#id-of-div').html(''); 

Yoksa .class-of-div

$('.class-of-div').html(''); 

Ya da sadece bütün div

tüm sınıfları yapabilirsiniz

DÜZENLEME: Ancak empty() (yukarıda) daha iyi çalışır.

Answer 3

.empty() için

$('#emptythis').html(''); 

Answer 4

$("div").remove(".hello"); 

Benzer HTML

<div id='emptythis'> 
    Content 
</div> 

JQuery, .remove() yöntem DOM üzerinden elemanları alır. Öğenin kendisini ve içerisindeki her şeyi kaldırmak istediğinizde .remove() kullanın. Öğelerin kendilerine ek olarak, öğelerle ilişkili tüm ilişkili olaylar ve jQuery verileri kaldırılır. Verileri ve olayları kaldırmadan öğeleri kaldırmak için, bunun yerine .detach() kullanın.

reference