使用jQuery在<li>元素中检索锚文本

时间:2015-05-10 10:37:21

标签: javascript jquery html

我对这项非常简单的任务感到非常不满,我很乐意提出任何建议。

我已使用<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();

1 个答案:

答案 0 :(得分:1)

链式选择器如下所示:

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