javascript - 如果有 8 个 child 就做点什么，如果没有就什么都不做

Question

我目前有这样的标记 -

<div class="carousel">
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
</div>

当存在超过 8 个名为“carousel-cell”的子元素时，我会尝试触发一个 carousel 插件，如果没有，则不执行任何操作。有人对此有 jquery 调用吗？

Answer 1

您可以检查 jQuery 对象的长度，如下所示:

if($('.carousel .carousel-cell').length >= 8) {
    $('.carousel').yourPlugin();
}