Jquery基础

Question

html：
<div class="letter_zm">
<ul id="ul">
<li>
<a href="#a0">A</a>
</li><li>
<a href="#a">B</a>
</li><li>
<a href="#b">C</a>
</li><li>
<a href="#c">D</a>
</li><li>
<a href="#d">E</a>
</li><li>
<a href="#e">F</a>
</li><li>
<a href="#f">G</a>
</li><li>
<a href="#g">H</a>
</li><li>
<a href="#h">I</a>
</li><li>
<a href="#i">J</a>
</li><li>
<a href="#j">K</a>
</li><li>
<a href="#k">L</a>
</li><li>
<a href="#l">M</a>
</li><li>
<a href="#m">N</a>
</li><li>
<a class="none">O</a> </li><li>
<a href="#n">P</a>
</li><li>
<a href="#p">Q</a>
</li><li>
<a href="#q">R</a>
</li><li>
<a href="#r">S</a>
</li><li>
<a href="#s">T</a>
</li><li>
<a class="none">U</a> </li><li>
<a href="#t">V</a>
</li><li>
<a href="#v">W</a>
</li><li>
<a href="#w">X</a>
</li><li>
<a href="#x">Y</a>
</li><li>
<a href="#y">Z</a>
</li> <li class="sz">
<a href="#z" target="_self">其它</a>
</li>
</ul>
</div>js:<script>
$(function(){
var nvList = $("#letter_zm");
alert(nvList.children("ul").find("li").length);
});
</script>求助：我想获取li元素的总个数，怎么老是零个啊。求解释。jquery

Answer 1

$(function(){
    var nvList = $(".letter_zm");
    alert(nvList.children("ul").find("li").length);   
});

Answer 2

ul上有id，少查询一次，直接：
alert($('#ul').find('li').length);

Answer 3

你写错了啊，div又没有ID，你写的是ID选择器，，改成样式选择器。。

Answer 4

alert($(".letter_zm li").length);　//class +子选择
alert($(".letter_zm  ul li").length);　//class +子选择
alert($("li").length);            //tagName　选择
alert($("#ul li").length);        //ID +子选择
alert($("#ul").find("li").length);
alert($(".letter_zm ul").find("li").length);

Answer 5

<script>
$(function(){
    
    alert($("#ul li").length);    
});
</script>