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>
时间: 2024-10-12 09:22:50

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

关于列表中checkbox选中,全选/反选设置

关于列表中checkbox选中,全选设置 1 <html> 2 <head> 3 <script type="text/javascript"> 4 //点击行时,checkbox处理方法 5 function doclick(id){ 6 var allche = document.getElementById("allid");//全选checkbox 7 var che = document.getElementsByNam

#输出商品列表,用户输入序号,显示用户选中的商品

1 #!/usr/bin/env python 2 #输出商品列表,用户输入序号,显示用户选中的商品 3 #    商品 li = ["手机", "电脑", '鼠标垫', '游艇'] 4 #"""功能要求: 5 #要求用户输入总资产,例如:2000 6 #显示商品列表,让用户根据序号选择商品,加入购物车 7 #购买,如果商品总额大于总资产,提示账户余额不足,否则,购买成功. 8 #附加:可充值.某商品移除购物车""

Jquery获取列表中的值和input单选、多选框控制选中与取消

一.Jquery获取列表中的值 二.input多选框控制选中 1 $('#clearbtn').click(function(){ 2 var boxes = $("input[type='checkbox']"); 3 for(i=0;i<boxes.length;i++){ 4 boxes[i].checked = false; 5 } 6 });

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 工具/原料 html,dw软件 方法/步骤 1 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定

如何把一个命令加入到某个用户sudo的列表中(转载)

有时候我们只需要执行一条root权限的命令也要su到root,是不是有些不方便?这时可以用sudo代替.默认新建的用户不在sudo组,需要编辑/etc/sudoers文件将用户加入,该文件建议使用visudo命令进行编辑(其使用方法跟vim基本一致) 1, 首先进行visudo的当前用户必须是root用户,因此需要切换到root, su - (注意有- ,这和su是不同的,在用命令"su"的时候只是切换到root,但没有把root的环境变量传过去,还是当前用乎的环境变量,用"

如何解决Outlook配置用户邮箱 &amp;ldquo;该名称不能与地址列表中的名称匹配&amp;rdquo;错误

当您尝试为用户设置新的Exchange邮箱时,您可能会收到以下错误消息.这个案例基本情况 ,用户邮箱在Windows Server 2012 R2的Exchange Server 2013上创建的,Outlook 2010 客户端跑在Windows 7 系统中, 并配置了新的Outlook Anywhere配置文件,我在同一台计算机上多次添加了此"测试"用户帐户.从错误提示很显然邮箱帐户出现了问题 "该行动无法完成.该名称不能与地址列表中的名称匹配" 根据Micro

构建用户列表,并使用列表中的帐户登陆.

'''构建用户列表,格式为:[{'user': 'k1', 'value': 'v1'},{'user': 'k2', 'value': 'v2'},{'user': 'k3', 'value': 'v3'}]Q为停止录入,然后使用用户列表中的内容登陆,失败则重新输入.'''lst = []while 1: dic = {} a = input('用户名:') if a.upper() == "Q": break b = input('密码:') dic['user'] = a dic

在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。

<form name="myForm"> <table> <tr valign="top"> <td> <select name="leftList" multiple size="6" style="width:50px;"> <option>a</option> <option>b</option>

Android之——杀死用户选中的进程优化

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/47281055 在上一篇博文<Android之--杀死用户选中的进程(释放进程占用的空间)>一文中,向大家介绍了如何杀死用户选中的进程,但是,遗留了一个问题,那就是杀死进程后,ListVIew列表没有立即刷新,这篇文章我们就来解决这个问题,优化一下ListView的显示,提升用户体验.我们这篇博文同样是基于上一篇博文来进行优化的,请大家先阅读上一篇博文<Android之--