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');

手写的，没验证，明白意思就行