jquery如何判断同一个类的元素个数？ [复制]

Posted 2023-03-06

【中文标题】jquery如何判断同一个类的元素个数？ [复制]

【英文标题】：How to determine the number of elements in the same class with jquery? [duplicate]

【发布时间】：2017-08-31 10:42:58

【问题描述】：

我的网站中有一些元素具有相同的类名 我想知道用 jquery 或 javascript 有多少这些元素？

【问题讨论】：

$('.className').length

【参考方案1】：

使用 vanilla javascript，您可以运行：

document.getElementsByClassName('className').length;

或

document.querySelectorAll('.className').length;

使用 jQuery：

$('.className').size()

或

$('.className').length;

【参考方案2】：

jQuery

$('.className').length

Javascript

document.getElementsByClassName('className').length

【参考方案3】：

使用 jQuery 很容易：

console.log($('.text').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>
<span class="text">TEST</span><br/>

更新

元素$('.text')实际上保存了所有类text的数组。

【参考方案4】：

jQuery 代码

$('.class-name').length;