Question

jquery怎么获取页面上有多少个相同class

这个问题不好说明：请大神先看代码~~
<form>
<div class="vale">你好我是1！</div>
<div class="vale">你好我是2！</div>
<div class="vale">你好我是3！</div>
<ul>
<li><input type="submit" class="a"/></li>
<li><input type="submit" class="a"/></li>
<li><input type="submit" class="a"/></li>
</ul>
</form>
怎么通过class获取有几个a

Answer 1

可以选择所有相同class的元素，然后使用其length属性：

var $elements = $('.className');
var len = $elements.length;
alert('有 ' + len + ' 个相同class');
$elements.each(function() {
var $this = $(this);

alert($this.prop('tagName'));
});

Answer 2

<ul>
<li><input type="submit" class="a"/></li>
<li><input type="submit" class="a"/></li>
<li><input type="submit" class="a"/></li>
</ul>
<script>
var le = $("ul .a").length; //定位到ul 里面的class=“a” ，再计算个数（.length）

alert(le)//打印结果
</script>

Answer 3

$("ul li).each(function(i){
obj[i] = $(this).children("input[class='a']);

});

这样obj数组中就装你那些class为a的对象。

Answer 4

$(document).ready(function () {
var str=$(":input[class='a']").length;
});

Answer 5

function ch() {
alert($('.vale').length);
alert($('.a').length);
}