javascript - 使用 jQuery 检索 <li> 元素中 anchor 的文本

Question

我完全被这个非常简单的任务所困扰，我很乐意提供任何建议。

我使用 <ul> 创建了一个供用户选择的下拉菜单和<li> 。一旦用户单击某个菜单项(来自类 submen )，该项目就会获得类 active 。分配给它。

<ul id="firstid">
    <li id="secondid"><a href="#">Title1</a>
        <ul class = "submen">
            <li class = "active"><a href="#">Option1</a></li>
            <li><a href="#">Option2</a></li>
        </ul>
    </li>
</ul>

现在我想检索文本“Option1”，因为用户在上面的示例中选择了此项，并且其类是 active 。我该如何使用 jQuery 来解决这个问题？这似乎不起作用:

var selected_option = $("#secondid" ".submen" ".active" "a").text();

Answer 1

链式选择器如下所示:

var selected_option = $("#secondid .submen .active a").text();