使用 Jquery 选择第一个元素答案

【问题标题】：Selector for the first element with Jquery使用 Jquery 选择第一个元素
【发布时间】：2012-01-01 20:01:36
【问题描述】：

我有一个这样的菜单结构：

<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') 不好，因为它也选择了第一个子链接。我没有别的想法。

【问题讨论】：

$('li a:first')[0] 不工作吗？
我试过了，没有运气。
我想通了。 $('ul ul').parent().children(':first-child')，只是我还不能回答我的问题:)

标签： jquery selector submenu css-selectors

【解决方案1】：

我想通了。

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

【讨论】：

【解决方案2】：

看看……

<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>

【讨论】：

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