如何確定與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/>

UPDATE

元素$('.text')實際上擁有所有類text的數組。

Answer 3

jQuery的

$('.className').length 

的Javascript

document.getElementsByClassName('className').length 

Answer 4

香草的JavaScript可以運行：

document.getElementsByClassName('className').length; 

或

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

使用jQuery：

$('.className').size() 

或

$('.className').length;