jQuery:查找包含特定元素的所有 DIV

Question

如果某些条件为真，我想调整 div 的高度。具体来说，我想找到任何包含文本区域且其中存在错误消息 div 的 .element div。

$('.element').each(function() {
    if ( $(this).find('textarea') && $(this).find('.error-message') ) {
        $(this).css('min-height', '80px');
    }   
}); 

鉴于这种结构，只有中间的 div 应该获得额外的高度:

<div class="element">
  <input type="text" />
</div>
<div class="element">
  <div class="error-message"></div>
  <textarea></textarea>
</div>
<div class="element">
  <input type="text" />
</div>

Answer 1

.length 将成为您的 friend :

$('.element').each(function() {
  if ($(this).find('textarea').length && $(this).find('.error-message').length) {
    $(this).css('min-height', '80px');
  }
});

div {
  border: 1px solid #999;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element">
  <input type="text" />
</div>
<div class="element">
  <div class="error-message"></div>
  <textarea></textarea>
</div>
<div class="element">
  <input type="text" />
</div>

当您使用选择器找到合适的元素时，为了在 if 条件下测试它们，您需要使用返回数字的 .length jQuery 对象中的元素。