jquery 怎么选择子层

Question

<ul id="nav">
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>
</li>
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul></li>
<li><a href="#">aaaaa</a>
<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul></li></ul>怎么选择nav下的li ，但是不要选择<ul>
<li>dsf</li>
<li>dsf</li>
<li>dsf</li>
</ul>
这个里的li

Answer 1

 var liarray = document.getElementById("nav").getElementsByTagName("li")

Answer 2

$(function(){
           var key=document.getElementById("nav").getElementByTagName("li");
   key.mouseover(function(){
          $(this).children(".nn1").fadeIn();
   });
   key.mouseout(function(){
          $(this).children(".nn1").fadeOut();
   });
});
我改成这个了但是子的 li 也会有mouseover与mouseout事件
这个是不是下面代码的问题 ？

Answer 3

key 是个数组 你这个写法好像不对我记得jquery有个 each 方法  用他迭代 再用 $(this)添加事件

Answer 4

$(document).ready(
function(){
alert($("ul li:nth-child(1)"));
});
nth-child 在每个ul下查找li。

Answer 5

不是这个，我是要选择仅仅是下一层的li
<ul>
<li>这里面要有li我就不选择了</li>
<li>这里也是</li>
</ul>

Answer 6

$(function() {
        $('#nav>li').each(function() {//$('#nav>li') !=$('#nav li')
                var key = $(this);
                key.mouseover(function() {
                    $(this).children(".nn1").fadeIn();
                });
                key.mouseout(function() {
                    $(this).children(".nn1").fadeOut();
                });
            });
        });