如何使用jquery确定同一类中的元素数量？

Question

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

Answer 1

使用jQuery的代码

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

Answer 2

使用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的数组。

Answer 3

的jQuery

$('.className').length

的Javascript

document.getElementsByClassName('className').length

Answer 4

使用vanilla javascript，您可以运行：

document.getElementsByClassName('className').length;

或

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

使用jQuery：

$('.className').size()

或

$('.className').length;