js 点击a标签 获取a的自定义属性方法


Posted in Javascript onNovember 21, 2016

今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来

原先是想用jquery的click方法

<a ownattr=“……” onClick="showDetail(this)">哈哈</a>

在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签

然而这却一直行不通

一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成

随后决定采用基本的js

方法:

function showDetail(obj){

 var ownattr= obj.attributes[ownattr].nodeValue; //自定义属性采用此方式获得
 var id = obj.id; //基本属性可以采用此方式获得
}

以上这篇js 点击a标签 获取a的自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
antd table按表格里的日期去排序操作
Nov 17 Javascript
如何使JavaScript休眠或等待
Apr 27 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 #Javascript
AngularJS Phonecat实例讲解
Nov 21 #Javascript
浅谈React 属性和状态的一些总结
Nov 21 #Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 #Javascript
jQuery用FormData实现文件上传的方法
Nov 21 #Javascript
遍历js中对象的属性和值的实例
Nov 21 #Javascript
JavaScript数据结构链表知识详解
Nov 21 #Javascript
You might like
PHP array_multisort()函数的使用札记
2011/07/03 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
2018/11/06 Javascript
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
python requests 库请求带有文件参数的接口实例
2019/01/03 Python
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
Bose加拿大官方网站:美国知名音响品牌
2019/03/21 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
为什么会有内存对齐
2016/10/10 面试题
Servlet方面面试题
2016/09/28 面试题
运动会致辞稿50字
2014/02/04 职场文书
秦兵马俑教学反思
2014/02/07 职场文书
行政专员岗位职责说明书
2014/07/30 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
青年教师听课心得体会
2016/01/15 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书