如何通过jQuery检查div类是不是存在三次或更多？ [复制]

Posted 2023-03-06

【中文标题】如何通过jQuery检查div类是不是存在三次或更多？ [复制]

【英文标题】：How to check if div class exists three times or more by jQuery? [duplicate]如何通过jQuery检查div类是否存在三次或更多？ [复制]

【发布时间】：2018-04-14 10:44:51

【问题描述】：

如何通过jQuery检查子类的div是否存在3次或更多？

这是我的 html 代码：

<div class="main">
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
</div>

【问题讨论】：

如果你打算在你的项目中使用 jQuery，首先花一些时间仔细阅读 complete list of jQuery methods and properties 是值得的 - 花一两个小时记录看起来有用的方法可以为你节省很多时间将来，该页面上每个方法/属性的简要摘要有足够的信息来回答这个问题。顺便说一句，即使没有 jQuery，这也是单行操作。

【参考方案1】：

if($('.child').length >= 3) 
  //Do stuff

这样的事情应该可以工作。

【参考方案2】：

使用.length获取子类的div个数 根据需要使用条件

console.log($('.child').length)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
    <div class="child">Text text text text</div>
</div>