jquery - 使用 Jquery 选择第一个元素

Question

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

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

Answer 1

我想到了。

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

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