jQuery每个菜单项，但不查询子菜单项 $（'.主菜单li a'）。每个（功能（ev）{ var name=$（this.text（）； console.log（名称）； });

上面的代码列出了

Host

和

Party

，而我只需要

Host

---

您可以使用

用于选择具有特定父级的元素，它只在标记结构的下一层查看，没有更深的层次

<ul class="main-menu">
    <li>
        <a href="domain.com/host">Host</a>
        <ul class="sub-menu nav">
            <li>
                <a href="domain.com/host/party">Party</a>
            </li>
        </ul>
    </li>
</ul>

$('.main-menu li a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

---

有关css选择器的更多信息，请访问

您可以使用

用于选择具有特定父级的元素，它只在标记结构的下一级查看，而不深入查看

<ul class="main-menu">
    <li>
        <a href="domain.com/host">Host</a>
        <ul class="sub-menu nav">
            <li>
                <a href="domain.com/host/party">Party</a>
            </li>
        </ul>
    </li>
</ul>

$('.main-menu li a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

$('.main-menu > li > a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

有关css选择器的更多信息，请访问

$('.main-menu > li > a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

您只需要添加

>

，它只表示直接后代。它被称为

---

您只需要添加

>

，它只表示直接后代。它被称为

您可以使用父子代而不是祖先后代

$('.main-menu > li > a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

---

您可以使用父子代而不是祖先后代

$('.main-menu > li > a').each(function(ev){
        var name = $(this).text();
        console.log(name);
    });

使用：

$('.main-menu > li > a').each(function(ev){
    var name = $(this).text();
    console.log(name);
}); 

使用：

$('.main-menu > li > a').each(function(ev){
    var name = $(this).text();
    console.log(name);
}); 

---

使用子选择器而不是子选择器：

$('.main-menu>li>a').each(function(ev){
//code here
});

---

有关css选择器或jQuery选择器页面的更多信息，请参阅。

使用子选择器而不是子选择器：

$('.main-menu>li>a').each(function(ev){
//code here
});

有关css选择器或jQuery选择器页面的更多信息，请参阅。

使用子选择器（

）

文档（子选择器）：

演示

$('.main-menu>li>a').each(function(ev){
    var name = $(this).text();
    console.log(name);
});

使用子选择器（

）

文档（子选择器）：

演示

$('.main-menu>li>a').each(function(ev){
    var name = $(this).text();
    console.log(name);
});