突出显示导航栏的选定选项，其中每个选项都转到新页面

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

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