jQuery Ẩn div cha nếu div con trống rỗng

Question

Tôi đã xem xét và tìm thấy rất nhiều câu hỏi về điều này, nhưng không có giải pháp nào phù hợp với tôi. Tôi có cấu trúc như sau:

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

Điều tôi muốn làm là ẩn .pricetag nơi .price không chứa bất kỳ thứ gì. Nó có thể được rất nhiều khác nhau .pricetag của trên cùng một trang nhưng tôi chỉ muốn ẩn những người có sản phẩm nào.

Điều này có thể thực hiện được với jQuery không? Tôi đã thử rất nhiều kịch bản khác nhau nhưng không có kịch bản nào hoạt động đúng.

Answer 1

Bạn có thể sử dụng :empty selector và parent phương pháp, giả định các yếu tố .price trống sẽ không bao giờ chứa bất kỳ nút văn bản (ví dụ một ký tự dòng mới):

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

Dưới đây là một working example.

Answer 2

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

Answer 3

bản demo làm việchttp://jsfiddle.net/mm4pX/1/

Bạn có thể sử dụng để kiểm tra xem .is(':empty') div là rỗng và sau đó làm cho cha mẹ div ẩn.

Hope this helps,

đang

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

Answer 4

mã jquery này sẽ làm điều đó

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

jsbin dụ: http://jsbin.com/ovagus

Answer 5

thử kịch bản jQuery này

0.123.

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

Answer 6

Bộ chọn :empty không chọn phần tử nếu nó chứa khoảng trắng. Nếu đó là một vấn đề thì bạn có thể cắt các phần tử từ khoảng trắng:

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