jQuery隐藏父div如果子div是空的

我环顾四周，发现很多关于这个问题，但没有解决方案为我工作。我有这样的结构：jQuery隐藏父div如果子div是空的

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

我想要做的就是隐藏.pricetag，其中.price不包含任何内容。它可以是很多不同的.pricetag在同一页上，但我只想隐藏那些空的价格。

这可能与jQuery？我已经尝试了很多不同的脚本，但没有一个能正常工作。

来源

2012-07-02 Daniel

将各自'.pricetag'元素永远只能有一个'.price'元素？ –

我插入fr。在开始和： - 在每个.pricetag结尾处。因此，如果.price的内容是

fr.

200

： -

。如果.price为空，则它是

fr.

： -

– Daniel

但是，您绝不会有'

fr.

200

： -

'，对吗？ –

您可以使用:empty选择和parent方法，假设空.price元素永远不会包含任何文本节点（例如换行字符）：

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

这里有一个working example。

来源

2012-07-02 08:50:31

这个修好了！非常感谢你！我只尝试使用if语句来检查div是否为空。再次感谢。我会尽快将其标记为答案:) – Daniel

@DanielLundahl - 不客气，很高兴能帮到你:) –

聪明的做法。我不知道'：empty'选择器。谢谢 –

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

来源

2012-07-02 08:49:39 undefined

工作演示http://jsfiddle.net/mm4pX/1/

您可以使用.is(':empty')检查，如果格是空的，然后让父母DIV隐藏。

希望这有助于

代码

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

来源

2012-07-02 08:51:31

有没有必要遍历所有''。价格'元素。 “父”和“隐藏”方法适用于匹配集中的所有元素。 –

@JamesAllardice啊哈谢谢'：''我实际上正在阅读上面的帖子，很酷，为此欢呼！ –

这jQuery代码将做到这一点

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

jsbin例如：http://jsbin.com/ovagus

来源

2012-07-02 08:52:05

试试这个jQuery脚本

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

来源

2012-07-02 09:03:11

:empty选择器如果它包含空格，则不选择它。如果这是一个问题，那么你可以修剪从空格元素：

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

来源

2016-02-02 08:38:06

jQuery隐藏父div如果子div是空的

回答

相关问题