首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery 获取子元素个数解决办法

2013-11-29 
jquery 获取子元素个数div iddiv1 classtopclassulli/li/uldiv classsubclassull

jquery 获取子元素个数

<div id="div1" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul><ul><li></li></ul></div></div>

请问怎么获取第二个div 中 ul 的个数。小弟请教大家! html?获取??元素个数 jquery
[解决办法]
$(".subclass").children("ul").length
[解决办法]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(function(){
$("div[id^=div]").each(function(){
alert($(this).find(".subclass").children('ul').size());
});
})
</script>
<div id="div1" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul><ul><li></li></ul></div></div>
<div id="div2" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul></div></div>


[解决办法]
引用:
Quote: 引用:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(function(){
$("div[id^=div]").each(function(){
alert($(this).find(".subclass").children('ul').size());
});
})
</script>
<div id="div1" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul><ul><li></li></ul></div></div>
<div id="div2" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul></div></div>

那么单独获取div1中ul的个数怎么写呢?


    $(function(){
     
            alert($("#div1").find(".subclass").children('ul').size());
     
    })

热点排行