首页 > 其他 > 详细

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

时间:2015-03-11 23:26:46      阅读:348      评论:0      收藏:0      [点我收藏+]
<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状态

原文:http://blog.csdn.net/shijiebei2009/article/details/44207463

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!