|
|
|
|
|
|
jQuery：計算具有特定類(class)的元素
作者:admin 時間:2019-5-6 13:44:17 瀏覽:前一篇文章中介紹了《jQuery獲取具有特定類(class)名稱的所有div》，本文將介紹jQuery計算具有特定類(class)的元素的方法。
我想使用jQuery計算我頁面上分配了一個特定類的所有元素，例如：
<span class="a">a</span>
<span class="b">b</span>
<span class="a">c</span>
這里，具有類“a”的所有元素的結果應該是2，對于具有類“b”的所有元素，它應該是1。
jQuery：計算具有特定類(class)的元素
方法介紹
jQuery中的每個選擇器都具有"length"屬性。 因此，可以快速查詢特定類的可用項數：
var counta = $(".a").length;
var countb = $(".b").length;
這可以與任何其他選擇器組合，例如，僅計算特定ID的DIV中的元素：
var countc = $("#c.cclass").length;
var countd = $("div#c.cclass").length;
第一行使用ID為"c"的元素對具有"cclass"類的元素進行計數。 第二行計算DIV容器中ID為"c"的元素中具有類"cclass"的所有元素。
完整實例代碼
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
</br>
<span class="a">a</span>
<span class="b">b</span>
<span class="a">c</span>
<button id="btn">Click me</button>
<script type="text/javascript">
$("#btn").on('click',function(){
var counta = $(".a").length;
var countb = $(".b").length;
alert("class為a的元素個數: " + counta + "\n" + "class為b的元素個數: " + countb);
});
</script>
</body>
</html>
標簽: class
