You are here
size()计算jquery对象中元素的个数 子元素 数量 数目 大小 有大用
jQuery DOM 元素方法 - size() 方法
定义和用法
size() 方法返回被 jQuery 选择器匹配的元素的数量。
语法
$(selector).size()
来自 http://www.w3school.com.cn/jquery/dom_element_methods_size.asp
size()计算jquery对象中元素的个数
jQuery 对象中元素的个数。
这个函数的返回值与 jQuery 对象的'length' 属性一致。
//获取id=div1下的子元素的个数$('#div1').children().length;//获取id=div1下的span元素个数$('#div1').children('span').length;用途：可用于统计某个页面中某些项的数量。比如要统计语文成绩小于100的记录数，可以给小于100 的字段赋上<font class="xx">oo</font>。统计出此标签的数量即得结果。
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#sbt').click(function(){
var i=$('div').size();//获得div标签的数目
var j=$('.mm').size();//获得class为mm的font标签的数目
$('#myspan').html('<strong><font color=red>一共有'+i+'个div标签 一共有'+j+'个font标签</font></strong>');
})
})
</script>
<div>div1</div><br>
<div>div2</div><br>
<div>div3</div><br>
<div>div4</div><br>
<font class="mm">mm1</font><br>
<font class="mm">mm2</font><br>
<font class="mm">mm2</font><br>
<span id="myspan"></span><br>
<input type="submit" value="计算" id="sbt"/>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#sbt').click(function(){
var i=$('div').size();//获得div标签的数目
var j=$('.mm').size();//获得class为mm的font标签的数目
$('#myspan').html('<strong><font color=red>一共有'+i+'个div标签 一共有'+j+'个font标签</font></strong>');
})
})
</script>
<div>div1</div><br>
<div>div2</div><br>
<div>div3</div><br>
<div>div4</div><br>
<font class="mm">mm1</font><br>
<font class="mm">mm2</font><br>
<font class="mm">mm2</font><br>
<span id="myspan"></span><br>
<input type="submit" value="计算" id="sbt"/>
普通分类: