如何实现导航栏链接点击后跳转，新页面相应的链接添加颜色样式作用于a？

Question

<p class="nav">

        <ul>

            <li class="active"><a href="a.html">aaa</a></li>

            <li><a href="b.html">bbb</a></li>

            <li><a href="c.html">ccc</a></li>

        </ul>



    </p>

jquery：

$(".nav li a").each(function (i) {

        var $me = $(this);

        var lochref = $.trim(window.location.href);

        var mehref = $.trim($me.get(0).href);

        if (lochref.indexOf(mehref) != -1) {

            $me.parent().addClass("active");

        } else {

            $me.parent().removeClass("active");

        }

    });

css:

.active{background-color:#ed0505;}

以上就是如何实现导航栏链接点击后跳转，新页面相应的链接添加颜色的详细内容，更多请关注php中文网其它相关文章！

这个代码能用，但是我想把那个active的样式作用于a，应该怎么改？？现在只能作用于li。出不来我想要的效果。

Answer 1

a标签里加class="active"