li列表中包超链接,使得用户选中的超链接是active状态,其他超链是非active状态

<div class="span3">
     <ul class="nav nav-pills nav-stacked">
      <li><a href="#" id="uploadFile">上传文件(WORD)</a></li>
      <li><a href="#" id="rawCorpus">生语料(TXT)</a></li>
      <li><a href="#" id="annoCorpus">标注语料(XML)</a></li>
     </ul>
</div>

脚本如下:

<script type="text/javascript"> $(function() { $("li").click(function() { // 第一种方法 // $("li").removeClass("active");//删除指定的 class 属性 // $(this).addClass("active");//向被选元素添加一个或多个类 // $(this).toggleClass("active");//该函数会对被选元素进行添加/删除类的切换操作 var text = $(this).text();//获取当前选中的文本 //或者使用第二种方法 $(this).addClass("active").siblings().removeClass("active"); }); }) </script>

你可能感兴趣的:(li列表中包超链接,使得用户选中的超链接是active状态,其他超链是非active状态)