1. 程式人生 > >jquery 獲取相同id元素個數

jquery 獲取相同id元素個數

做了個專案,有個多節點元素複製的功能,複製出來的元素id肯定是相同的,生成效果如下側程式碼,現在需要獲取id為conf的元素數量,這裡列了3個方式。

HTML

<div id='conf' class="conf">
    <!-- 其他程式碼 -->
</div>
<div id='conf' class="conf">
    <!-- 其他程式碼 -->
</div>
<div id='conf' class="conf">
    <!-- 其他程式碼 -->
</div>

JS

需要先引用jquery.js檔案

1.通過id獲取length

var confCount = $('[id=conf]').length;//conf為元素id值
alert(confCount);

2.通過class獲取

var confCount = $('.conf').length;//conf為元素class值
alert(confCount);

3.取到所有節點,迴圈累計

var confCount = 0;
$("div [id=conf]").each(function(){     
    confCount++; 
});
alert(confCount);