javascript - 包装器中元素的 jQuery 选择器

Question

当我使用 $('.color-wrap div') 时，它会选择两个颜色包装器的第一个 div。

我只需要先选择，但它们必须作为一个组，所以我不能使用
$('.colorbox:first-child') 或 $('.colorbox-hard:first-child')。

我想 jQuery 将它们视为一组 6 个 div - 这是因为，我想从一组六个中随机选择一个 div。

    <div class="wrapper">
        <div class="color-wrap">
            <div class="colorbox"></div>
            <div class="colorbox"></div>
            <div class="colorbox"></div>
        </div>
        <div class="color-wrap">
            <div class="colorbox-hard"></div>
            <div class="colorbox-hard"></div>
            <div class="colorbox-hard"></div>
        </div>
    </div>

如何仅选择带有 class color-wrap 的 div 的 1 个 div？

Answer 1

var divs = $('.color-wrap div');

for(var i = 0 ; i < divs.length; i++){
  console.log(divs[i]);
  // You can use like this.
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="color-wrap">
    <div class="colorbox"></div>
    <div class="colorbox"></div>
    <div class="colorbox"></div>
  </div>
  <div class="color-wrap">
    <div class="colorbox-hard"></div>
    <div class="colorbox-hard"></div>
    <div class="colorbox-hard"></div>
  </div>
</div>

您也可以这样使用 var divs = $('.color-wrap .colorbox, .color-wrap .colorbox-hard');