<ul class="nav nav-pills nav-stacked"><li role="presentation"  class="active"><a href="javascript:void(0);" onclick="aClicked(this)">申请一个会议</a></li><li role="presentation"   ><a href="javascript:void(0);" onclick="aClicked(this)">查看历史</a></li><li role="presentation"   ><a href="javascript:void(0);" onclick="aClicked(this)">正在进行的会议</a></li></ul>

如上有这么一个结构

function aClicked(elem){
var that =elem;
var parent = $(elem).parent();$(parent).parent().find("li").each(function(){alert(that==$(this);alert($(that)==$(this);
});}

这样情况下会是6个false

最后把javascript代码改成了这样...完成任务(就是点哪个,哪个的class= active,其他的取消)

function aClicked(elem){$("ul li.active").removeClass("active");$(elem).parent().addClass("active");     }

有这样代码

function aClicked(elem){
alert($(elem));
}

另外,这样写的话aClicked里面是可以获取正确的a标签的

 <li role="presentation"   ><a href="javascript:aClicked(this);">正在进行的会议</a></li>这么写就不可以

转载于:https://www.cnblogs.com/alexmercer/p/4676664.html

关于a标签的 href 与 onlick相关推荐

  1. Html A标签中 href 和 onclick用法、区别、优先级别

    http://gocom.primeton.com/blog21307_27051.htm 我以前在写<A>的href和onclick一直很随意,后来出过几次问题,以后才开始重视这个问题: ...

  2. a标签中href=javacript:; href=javacript:void(0); href=#区别

    在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为"#","javacript:;" ...

  3. 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响

    原文地址 背景 开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...

  4. a标签缺少href 属性,鼠标经过不会出现手型

    声明: web小白的笔记,欢迎大神指点.联系QQ:1522025433. 直接看实例吧! <!doctype html> <html> <head> <met ...

  5. 【27前端】base标签带有href属性会让chrome里的svg元素url失效

    一个chrome的问题,但具体原因不明. 触发条件:chrome浏览器base标签里href属性有值的时候 触发问题:svg里面的元素如果有用url的滤镜和模糊,则会失效,在firefox里和IE10 ...

  6. jquery修改a标签的href链接和文字

    可以先体验一下效果:http://keleyi.com/keleyi/phtml/jquery/2.htm 以下修改a标签的href链接和修改文字的代码: <script type=" ...

  7. a标签的href属性

    <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. javascript ...

  8. php a链接跳转下载,PHP实现点击a标签的href做链接时,直接保存文件(任何类型),而不是通过浏览器直接打开下载的文件...

    之前做项目遇到这样一个问题,就是在php环境下,用a标签的href链接到一个资源,比如是mp3或者lrc文件时,点击之后不是出现保存文件的提示,而是调用本地程序打开文件或者直接在浏览器上解析.网上说可 ...

  9. 采用html 的a标签,href连接为文件时无法下载解决方案

    本文转自  :   http://dong-shuai22-126-com.iteye.com/blog/1772102 最简单的下载文件的方式,大家都清楚,是采用html 中的a标签的href连接形 ...

最新文章

  1. mysql数据库木马查杀_Linux系统木马后门查杀方法详解
  2. 新元素之hgroup,header,footer,address,nav
  3. 产品经理必知必会知识-竞品分析需求实战报告
  4. 第五章:创建自定义绑定
  5. C#学习笔记——25个经典问题
  6. C# 繁体,简体 互转
  7. Java IO API记录
  8. 全球首颗光线追踪绘图处理器
  9. oracle磁盘提取工具,实战:巧用磁盘管理工具给oracle提速
  10. paip.表格化CSV输出
  11. 如何一键重装Win7系统 便捷重装Win7系统教程
  12. defined()函数
  13. java forward怎么用_java中forward是什么
  14. Sublime Text 3 汉化的简单方法
  15. boolean的由来及使用
  16. Hebutgo 7.21 git使用(alicode)
  17. mybatis-plus分页插件配置与使用(springboot)
  18. 计算机网络期中考试,计算机网络期末考试试题及答案_计算机网络试题及答案...
  19. 操作系统------虚拟存储器 请求分页存储管理方式
  20. modbus-rtu和modbus-tcp和modbus-rtu-Over-tcp/ip

热门文章

  1. ElasticSearch之Centos7下安装
  2. 移动物联网技术LoRa、SigFox、NB-IoT和eMTC的发展轨迹
  3. colpick-jQuery颜色选择器使用说明
  4. 示例在同一台机器上使用RMAN克隆数据库
  5. 数据科学家常用的十大机器学习算法,都在这了!
  6. python 笔记 之 sqlalchemy操作数据库-说明
  7. myeclipse在weblogic中的开发
  8. String与NSString关系
  9. jdom 插入 修改 删除
  10. iOS开发网络篇—使用ASI框架进行文件下载