Question

怎么用js获取id为content元素下的第二个ul元素下的li元素的个数？

xhtml内容：
<div id="content">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>

js：
window.onload=function(){
var content=document.getElementById("content");
var items=content.getElementsByTagName("ul");
var itemss=items[2].getElementsByTagName("li");
alert(itemss.length)
}
为什么输出只有4而不是5呢。。。我想要的答案是5啊。

Answer 1

首选假设有一个DOM结构
<div id="content">
<ul><li>1</li></ul>

<ul><li>2</li></ul>
</div>
现在我取content元素下的第二个ul元素下的li元素的个数,代码如下
$(function(){
$("#content ul:nth-child(2)").children("li").length;

});

Answer 2

js的数组的下面都是从0开始的，你想获得第二个UL的
在应该使用下标为 1，而不是 2.