码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-03-11 23:27:32      阅读:246      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!