关于jquery计算页面元素数量

这段jquery计算页面元素数量代码,能不能刷新页面直接输出数量,而不用点计算按钮

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/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标签&nbsp;&nbsp;一共有'+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"/>
知更鸟 -
共有2个回答 按发表时间排序
  • 1
    最佳答案
    Robin - 2011-08-20

    没人答,那就自问自答

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script  language="javascript" type="text/javascript">
    $(document).ready(function(){
    var i=$('div').size();//获得div标签的数目
    var j=$('.mm').size();//获得class为mm的font标签的数目
    $('#myspan').html('<strong><font color=red>一共有'+i+'个div标签&nbsp;&nbsp;一共有'+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>
  • 0
    justdoit - 2012-12-24

    顶一个!一直没有注意到这个size()属性

做好事要留名,请先登录再回答,如果还没有帐户请先注册