Question

我有一个我在UI中显示的元素列表如下：

<script>
    $(document).ready(function(){
        $('#menu ul li.current').click(function() {
            $("li").addClass("current");
        });
    });
</script>

<div id="menu">
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/practiceexams">Practice Exams</a></li>
        <li><a href="/articles">Technology Articles</a></li>
    </ul>
</div>

当点击上述任何链接时，我想将该类添加到该li元素。从我上面尝试的，没有添加类。我确定我遗漏了一些非常基本的东西。有谁能指出我正确的方向？

Answer 1

我建议，虽然这是未经测试的：

$(document).ready(function(){
    $('#menu a').filter(function(){
        return this.href == window.location.href;
    }).parent().addClass('current');
});

然后使用CSS格式化父li：

li.current {
    font-color: #f00;
}

Answer 2

也许是这样？

<script>
    $(document).ready(function(){
        $('#menu ul li').click(function() {
            $(this).addClass("current");
        });
    });
</script>

但如果它不是伪代码，您应该处理a-tags的click事件以防止它们重定向页面

jQuery删除href上的类

2 个答案: