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>

使用Jquery的第一个元素的选择器

2 个答案: