jQuery从列表项中获取文本

时间:2017-07-02 23:50:56

标签: jquery

我有一个有效的脚本但不是我想要的方式。

$(document).ready(function () {
    var currUrl = $(location).attr('href');
    var getText = $('#mainNav').find("a[href='" + currUrl + "']").parents("li").last().children("a").text();
    $(".pageTitle").html(getText);
});

目前我的导航结构似乎是

<div id="mainNav">
    <li>Home</li>
    <li>About Us
        <ul>
            <li>Meet the team</li>
            <li>Our History</li>
        </ul>
    </li>
    <li>Services</li>
    <li>Contact</li>
</ul>

如果您在页面上&#34;关于我们&#34; var getText输出&#34;关于我们&#34;这是正确的。

如果我去&#34;关于我们&gt;我们的历史&#34; var getText仍然输出&#34;关于我们&#34;,我希望它是&#34;我们的历史&#34;。

如何让我的脚本输出getText以捕获顶级和低级列表项。

抱歉没有小提琴,因为我无法显示使用多个页面的示例。

由于

1 个答案:

答案 0 :(得分:0)

last将为您提供最顶级的家长。将first用于最近的父级。