jQuery Ukryj div rodzicielski, jeśli div dziecka jest pusty

Question

Rozejrzałem się i znalazłem wiele pytań na ten temat, ale żadne z rozwiązań nie działa dla mnie. Mam strukturę tak:

<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> 

Co chcę zrobić, to ukryć .pricetag gdzie .price nie zawiera niczego. Może być wiele różnych .pricetag na tej samej stronie, ale chcę ukryć te z pustym .price.

Czy to możliwe z jQuery? Próbowałem już wielu różnych skryptów, ale żaden z nich nie działał poprawnie.

Answer 1

Można użyć selektora :empty oraz metodę parent, zakładając pustych .price elementy nigdy nie będzie zawierać żadnych węzłów tekstowych (na przykład znak nowego wiersza):

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

Oto working example.

Answer 2

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

Answer 3

demo działahttp://jsfiddle.net/mm4pX/1/

Można użyć .is(':empty') aby sprawdzić, czy div jest pusty, a następnie dokonać rodzic div ukryte.

Nadzieja to pomaga,

kod

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

Answer 4

Ten kod jquery zrobi to

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

jsbin przykład: http://jsbin.com/ovagus

Answer 5

spróbuj tego skryptu jQuery

$(document).ready(function(e) 
{ 
    $('div.pricetag').each(function(key, value) 
    { 
     if(!$('div.price', value).html()) $(value).hide(); 
    }); 
}); 

Answer 6

Selektor :empty nie wybiera elementu, jeśli zawiera białe spacje. Jeśli to jest problem, to można przyciąć element z whitespaces:

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