|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
jQuery：計(jì)算具有特定類(class)的元素
作者:admin 時間:2019-5-6 13:44:17 瀏覽:前一篇文章中介紹了《jQuery獲取具有特定類(class)名稱的所有div》，本文將介紹jQuery計(jì)算具有特定類(class)的元素的方法。
我想使用jQuery計(jì)算我頁面上分配了一個特定類的所有元素，例如：
<span class="a">a</span>
<span class="b">b</span>
<span class="a">c</span>
這里，具有類“a”的所有元素的結(jié)果應(yīng)該是2，對于具有類“b”的所有元素，它應(yīng)該是1。
jQuery：計(jì)算具有特定類(class)的元素
方法介紹
jQuery中的每個選擇器都具有"length"屬性。 因此，可以快速查詢特定類的可用項(xiàng)數(shù)：
var counta = $(".a").length;
var countb = $(".b").length;
這可以與任何其他選擇器組合，例如，僅計(jì)算特定ID的DIV中的元素：
var countc = $("#c.cclass").length;
var countd = $("div#c.cclass").length;
第一行使用ID為"c"的元素對具有"cclass"類的元素進(jìn)行計(jì)數(shù)。 第二行計(jì)算DIV容器中ID為"c"的元素中具有類"cclass"的所有元素。
完整實(shí)例代碼
<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的元素個數(shù): " + counta + "\n" + "class為b的元素個數(shù): " + countb);
});
</script>
</body>
</html>
標(biāo)簽: class
- 站長推薦
