jquery - 突出显示导航栏的选定选项，其中每个选项都进入新页面

Question

我只想突出显示导航栏的单击选项，其中每个选项都链接到新页面....

 <div class="blue_grad">
                <ul id="nav_bar" class="tabNavigation">          
                    <li><a href="/xyz">A</a></li>
                    <li><a href="/xdz">B</a></li>
                    <li><a href="/ycz">E</a></li>
                    <li><a href="/xwz">S</a></li>
                    <li><a href="/xqz">E</a></li>

                </ul>
    </div>

我用过这样的东西......但它没有用

<script type="text/javascript">
 $(document).ready(function(){
  $("#nav_bar li").click(function(){
    $("#nav_bar li").removeClass("selected");
    $(this).addClass("selected");
 });
});
</script>

任何帮助......

Answer 1

一个快速的 jsfiddle 解决方案：http: //jsfiddle.net/LyjcU/