javascript - 頁面刷新後怎麼再次取得dom?

Question

我使用了include.js. 把側邊欄獨立出來之後,點擊側邊欄裡的li,li包含a連結別的頁面.
問題是:

点击li后 让li上面  >首页>关于我们 中的 关于我们, 点击不同的li改变成相对应的文字.

程式碼:

HTML:
<p class="current_page clearfix">
<img src="../images/manage_money_arrow.png" alt="" class="fl">
<span class="fl">首页</span>
<i class="fl"><img src="../images/manage_money_gt.png" alt=""></i>
<span class="cur_page">关于我们</span>

</p>
<p class="left_nav fl">

    <ul>
        <li><a href="aboutus.html#0">关于我们<i></i></a></li>
        <li><a href="team.html#1">团队介绍<i></i></a></li>
        <li><a href="honor.html#2">荣誉资质<i></i></a></li>
        <li><a href="law.html#3">法律顾问<i></i></a></li>
        <li><a href="partner.html#4">合作伙伴<i></i></a></li>
        <li><a href="safe.html#5">安全保障<i></i></a></li>
        <li><a href="index.html#6">公司新闻<i></i></a></li>
        <li><a href="recruitment.html#7">招贤纳士<i></i></a></li>
        <li><a href="contactus.html#8">联系我们<i></i></a></li>
        <li class="img">
            <img src="../images/about_left_pic.png" alt="">
        </li>
    </ul>

</p>

JS:
$('.left_nav ul li').on('click', function () {

        var a = $(this).text();
        //alert(a);
        $('.cur_page').html(a);

    })
重点: 由于被独立出来,所以每次点击li的时候,页面都会刷新,文字刚被加上,一刷新就又变回去了.求大神指导! 感谢!

Answer 1

a連結是有地址的，點擊了就跳地址呀，
不想跳，給個return false,要么把地址改成#

Answer 2

看了下你大概就是想做麵包屑導航吧，一般這種是直接取後台的值的，包括你的那些 li 導航，應該都是由後台生成的。如果用後台語言寫，大概就是取得目前頁面的位置和目前頁面的上級，循環取出就行了，前端實現的話。 。 。之前沒想過，也許也可以？我想想去。

Answer 3

看了你的程式碼，跟麵包屑導航一樣的。

你的a連結裡面是跳到新的頁面，
在新的頁裡面改變頭部的那個文字，可以麼？

Answer 4

JS的點擊事件，建議用委託

根據你的href特點，JS寫在頁完成時觸發：

var lia;
$('.left_nav ul').find('a').each(function(){
    if(this.hash==location.hash){
        lia=this;
        return false;
    }
});
lia && $(lia).parent().addClass('img');

手寫的，沒驗證，懂意思就行