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 相关文章推荐
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
使用js实现雪花飘落效果
Aug 26 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
node的process以及child_process模块学习笔记
Mar 06 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
Jun 19 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
Apr 14 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
原生JS生成指定位数的验证码
Oct 28 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 GeoIP的使用教程
2011/03/09 PHP
PHP中用hash实现的数组
2011/07/17 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
浅谈Vue.js组件(二)
2019/04/09 Javascript
js实现多张图片每隔一秒切换一张图片
2019/07/29 Javascript
举例介绍Python中的25个隐藏特性
2015/03/30 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
python模拟表单提交登录图书馆
2018/04/27 Python
浅述python2与python3的简单区别
2018/09/19 Python
学生信息管理系统python版
2018/10/17 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
快速了解Python开发环境Spyder
2020/06/29 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
python 实现波浪滤镜特效
2020/12/02 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
导游的职业规划书范文
2013/12/27 职场文书
新闻专业学生的自我评价
2014/02/13 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
windows11怎么查看自己安装的版本号? win11版本号的查看方法
2021/11/21 数码科技