2017-07-02 84 views
0

我有一個腳本可以工作,但不是我想要的方式。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> 

如果您在頁面上「關於我們」的VAR的getText輸出「關於我們」,這是正確的。

如果我去「關於我們>我們的歷史」,var getText仍輸出「關於我們」,我希望它成爲「我們的歷史」。

如何讓我的腳本輸出getText來捕獲頂級和低級別列表項。

對不起,因爲我無法顯示使用多個頁面的示例小提琴。

感謝

+0

這是您的導航的實際HTML結構?不應該有''標籤的任何這個工作? – tomaroo

+0

對不起,我手裏輸入的導航和忘記了一個標籤,真正的導航是巨大的 – webmonkey237

回答

0

last會給你最頂層的父。使用first作爲最接近的父級。

+0

感謝您的幫助! – webmonkey237