2011-11-19 55 views
0

的第一个元素我有一个菜单结构是这样的:选择了与jQuery

<ul> 
    <li> 
     <a href="">Parent menu</a> <-------------- 
     <ul> 
      <li><a href=""></a></li> 
      <li><a href=""></a></li> 
     </ul> 
    </li> 
    <li> 
     <a href="">Parent menu</a> <-------------- 
     <ul> 
      <li><a href=""></a></li> 
      <li><a href=""></a></li> 
     </ul> 
    </li> 
</ul> 

我需要父菜单锚元素的选择。 $('li a:first')不好,因为它也选择了第一个子链接。我没有其他想法。

+1

不是'$('li a:first')[0]'工作吗? – pajton

+0

我试过没有任何运气。 – passatgt

+0

我想通了。 ():'ul ul')。parent()。children(':first-child'),只是我不能回答我的问题:) – passatgt

回答

2

我想通了。

$('ul ul').parent().children(':first-child') 
1

只是看到...

<ul id="temp"> 
     <li> 
      <a href="1">Parent menu1</a> <-------------- 
      <ul> 
       <li><a href="2"></a></li> 
       <li><a href="3"></a></li> 
      </ul> 
     </li> 
     <li> 
      <a href="4">Parent menu2</a> <-------------- 
      <ul> 
       <li><a href="5"></a></li> 
       <li><a href="6"></a></li> 
      </ul> 
     </li> 
    </ul> 

<SCRIPT> 

    //alert("++++++++++++"+$('#temp').children('li').length+"++++++++++++"); 
    $('#temp').children('li').each(function(index){ 
     index = parseInt(index)+1; 
     console.log('----------->'+$('#temp li:nth-child('+ index +')').has('ul').children('a').html()); 
    }); 
</SCRIPT> 
+0

谢谢,但我找到了更好的解决方案:$('ul ul ').parent()。children(':first-child')我还不能回答我的问题。 – passatgt