jQuery Çocuk div boşsa, üst divayı gizleyin

Question

Bu konuyla ilgili sorularımın bir kısmını buldum, ancak çözümlerin hiçbiri benim için işe yaramıyor.

<div class="pricetag"> 
    <div class="price">400</div> 
</div> 

<div class="pricetag"> 
    <div class="price"></div> 
</div> 

<div class="pricetag"> 
    <div class="price">250</div> 
</div> 

Ne yapmak istiyorum .price şey içermiyor .pricetag gizlemek için: Ben böyle bir yapı var. Aynı sayfada farklı .pricetag'ın bir sürü olabilir ama ben sadece boş olanları gizlemek istiyorum.

Bu jQuery ile mümkün mü? Farklı scriptler denedim ama hiç düzgün çalışmadı.

Answer 1

herhangi bir metin düğümlerini (örneğin yeni bir satır karakteri) ihtiva asla boş .price unsurları varsayarak, :empty seçici ve parent yöntemi kullanabilirsiniz:

$(".price:empty").parent().hide(); 

İşte working example bu.

Answer 2

$('.price').each(function(){ 
    if ($(this).text().length == 0) { 
    $(this).parent().hide() 
    } 
}) 

Answer 3

Sen div boşsa kontrol edip üst div gizli yapmak için .is(':empty') kullanabilirsinizhttp://jsfiddle.net/mm4pX/1/

çalışma demo. Bu yardımcı olur

Umut,

kod

$('.price').each(function() { 
    if $('.price').is(':empty') $(this).parent().hide() 
});​ 

Answer 4

Bu jquery kod

$(function(){ 
    $(".price").each(function(){ 
    if($(this).html()=="") 
     $(this).parent(".pricetag").hide(); 
    }); 
}); 

jsbin örnek yapacağız: http://jsbin.com/ovagus

Answer 5

bu jQuery komut dosyası deneyin

Answer 6

:empty seçicisi, whitespaces içeriyorsa, bir öğe seçmez.

function isEmpty(element){ 
    return !$.trim(element.html()) 
} 

$(".box").each(function() { 
    var box = $(this); 
    var body = box.find(".box-body"); 

    if(isEmpty(body)) { 
    console.log("EMPTY"); 
    box.hide(); 
    } 
}); 

http://codepen.io/DanAndreasson/pen/jWpLgM