jquery - 如果高度 = 0，则隐藏上一个 Div

Question

我正在尝试做一些看似简单的事情。我有一个包含标题的 DIV 和一个包含内容的同级 DIV。如果内容 DIV 的高度等于 0，我想隐藏标题 DIV，它是它的前一个兄弟。下面是我的脚本和 fiddle

$(function() {  
    if ( $('div.grid').height() < 1 ) {
        $(this).prev('.titletohide').css('display', 'none');            
    }
});

https://jsfiddle.net/mj5t4x9g/

Answer 1

您的代码存在一些问题。第一个是 $('div.grid') 匹配多个元素。并且 $(this) 并不指代您认为它所做的事情。试试这个:

$('div.grid').each(function() {
  if ($(this).height() < 1) {
    $(this).prev('.titletohide').css('display', 'none');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="titletohide">
  Heading 1
</div>
<div class="grid" style="height:0px;"><span style="display:none">text text</span></div>

<div class="titletohide">
  Heading 2
</div>
<div class="grid">
  more more
</div>