jquery中怎么获取li的数量

JavaScript012

jquery中怎么获取li的数量,第1张

<!doctype html>

<head>

<meta charset="UTF-8">

<title>得到li的数量</title>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(e) {

$(".btn_1").click(function(){

//选择clss为show_length的div，找到div里面的ul，再选择li，length就是得到个数

alert($(".show_length ul li").length)

})

})

</script>

</head>

<body>

<div class="show_length">

<ul>

<li>深圳网站建设</li>

<li>独占网络</li>

<li>www.sz886.com</li>

</ul>

</div>

<input type="button" class="btn_1" value="得到li的数量" />

</body>

</html>

var dv=document.getElementById("star") 获取id="star"的div

var ularr=dv.getElementsByTagName("ul") 获取div下的ul

var liarr=ularr[0].getElementsByTagName("li") 获取div下的ul下的li

liarr是个数组。

其实最简单方法是给ul一个id=“getli”；

然后var liarr=document.getElementById("getli").getElementsByTagName("li")

liarr是个数组

javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。比如document.getElementsByTagName('div').length这样就获得了div的个数，那么，要获得子元素的个数，同样的用哪个length就可以完成，只不过，需要指定父元素，比如：var father=document.getElementById('divid')从father中获得子元素个数：father.getElementsByTagName('a').length这样就能获取到father中a元素的个数了。