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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
Oct 23 Javascript
jquery 构造函数在表单提交过程中修改数据
May 25 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
angular指令笔记ng-options的使用方法
Sep 18 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
Node使用Nodemailer发送邮件的方法实现
Feb 24 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 Pear 安装及使用
2009/03/19 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
layer扩展打开/关闭动画的方法
2019/09/23 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
在Python 中实现图片加框和加字的方法
2019/01/26 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
python实现简易淘宝购物
2019/11/22 Python
Django DRF APIView源码运行流程详解
2020/08/17 Python
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
Unix里面如何在后台运行程序
2016/10/14 面试题
优秀的教师个人的中文求职信
2013/09/21 职场文书
银行门卫岗位职责
2013/12/29 职场文书
公司活动邀请函
2014/01/24 职场文书
毕业自我鉴定书
2014/03/24 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2015年仓库工作总结
2015/04/09 职场文书
导游词之河北野三坡
2019/12/11 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android