javascript - 按类别匹配 Div 并检查它们是否包含使用 Js 的类别

Question

如果他有另一个 div 和另一个类(top)，我如何按类(bottom)检查一个 div，以便该函数在数组中返回 true 或 false。

<div class="top">
  <div class="bottom"></div>
</div>
<div class="top"></div>

我试过了，但它只告诉我如果 <div class="top">包含 <div class="bottom">而不是如果 <div class="top">没有 <div class="bottom">

if ($(".top").find(".bottom").length > 0){ 

}

Answer 1

您可以使用 has 排除没有“.bottom”的“.top”-div -方法:

$('.top').has('.bottom').css('background', '#bada55');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="top">
  top has bottom
  <div class="bottom">bottom</div>
</div>
<div class="top">top without bottom</div>