如果跨度爲空，則隱藏div

Question

我需要隱藏第一類如果prop-value爲空。任何想法如何做到這一點？基本上隱藏整個DIV如果丙值爲空

<div> 
    <span class='prop-name'>First:&nbsp;&nbsp;</span><span class='prop-value'>_#= EBITDA =#_</span> 
</div> 

Answer 1

這裏假設你有一個以上，但對於單一個工作，以及

$(".prop-value").each(function(){ 
    if($(this).html().trim()==="") $(this).parent().hide(); 
}); 

Answer 2

目標都是空的跨度，獲取父DIV，並隱藏

$('.prop-value:empty').closest('div').hide();

div {position: relative;height: 30px;width: 200px;background: red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <span class='prop-name'>First:&nbsp;&nbsp;</span> 
 
    <span class='prop-value'>Not empty</span> 
 
</div> 
 
<div> 
 
    <span class='prop-name'>Second:&nbsp;&nbsp;</span> 
 
    <span class='prop-value'><!-- is empty --></span> 
 
</div>

Answer 3

嘗試

if($(".class_to_check_if_empty").html()==""){ 
 
    $(".class_to_hide").hide(); 
 
}

.class_to_hide{ 
 
    width:50px; 
 
    height:50px; 
 
    background-color:black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 

 
<div class='class_to_check_if_empty'></div> 
 
<div class='class_to_hide'></div>