微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > js教程 > 正文

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

高洛峰
发布： 2016-12-06 11:57:39
原创
1488人浏览过

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

原先是想用jquery的click方法

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

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

然而这却一直行不通

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

快标书AI
快标书AI

10分钟生成投标方案

快标书AI 241
查看详情 快标书AI

随后决定采用基本的js

方法：

function showDetail(obj){
 
 var ownattr= obj.attributes[ownattr].nodeValue; //自定义属性采用此方式获得
 var id = obj.id; //基本属性可以采用此方式获得
}
登录后复制

   

相关标签：
js

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：javascript 利用arguments实现可变长参数 下一篇：Nodejs进阶：基于express+multer的文件上传实例
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
前端表单怎么提交到后端JS_前端HTML表单数据提交至Node后端处理教程 答案：前端通过HTML表单的POST方法将数据提交至Node.js后端，需设置正确的action路径，并在后端使用express.urlencoded()解析请求体。示例中表单提交到/submit路径，服务器监听3000端口，利用Express框架接收并处理数据。为实现同源部署，建议将前端页面放入public目录并通过express.static()提供静态服务，避免跨域问题。常见问题包括未配置中间件、字段name属性缺失、路径或端口错误等，需逐一排查确保通信正常。
2025-11-04 20:11:02
905
MUI Select组件多菜单交互优化指南 本文探讨了MUISelect组件在多下拉菜单场景下，从一个已打开的菜单切换到另一个菜单时需要两次点击的问题。通过分析MUISelect的内部机制，我们提出了一种解决方案，即结合调整组件的zIndex属性和在onOpen事件中程序化地关闭当前活跃的菜单，从而实现单次点击即可流畅切换不同Select菜单的用户体验。
2025-11-04 20:10:47
156
在Google Apps Script中实现HTML表格多列筛选 本教程将指导您如何在GoogleAppsScript项目中，通过JavaScript修改HTML表格的筛选功能，使其能够跨所有列进行数据搜索，而非仅限于特定列，从而提升用户体验和数据检索的灵活性。我们将分析现有单列筛选代码的局限性，并提供一个优化方案，通过迭代行内所有单元格来执行全面的文本匹配，确保用户能够高效地在大型数据集中定位所需信息。
2025-11-04 20:07:00
360
JavaScript 模块化：ES6 Module 的导入导出规范 ES6Module通过import和export实现静态模块化，支持命名导出（可多个）和默认导出（仅一个），提升代码可维护性；命名导出用export关键字，导入时需对应名称或重命名，也可整体导入为命名空间；默认导出使用exportdefault，导入时可自定义名称；混合导入支持同时引入默认和命名成员；模块语句必须位于顶层，现代浏览器和Node.js已原生支持。
2025-11-04 20:00:02
237
React中如何优雅地更新嵌套状态中的函数对象 在React应用中，当需要更新包含函数对象的复杂嵌套状态时，直接修改或手动复制函数容易导致问题。本文将详细介绍如何使用React的函数式状态更新和ES6的展开运算符（spreadoperator），以不可变的方式安全、高效地更新嵌套状态中的函数，确保组件行为的正确性和一致性，尤其适用于图表回调函数等场景。
2025-11-04 19:57:30
745
通过URL哈希实现网页标签页的动态激活 本文详细介绍了如何利用URL中的哈希值（#hash）来动态激活网页上的特定标签页。通过监听页面加载和URL哈希变化事件，并结合JavaScript代码，实现点击链接或直接访问带哈希的URL时，自动选中并显示对应的标签内容，极大地提升了用户体验和链接的灵活性。
2025-11-04 19:56:06
176
jQuery如何使用remove()方法删除dom节点 remove()方法可彻底删除DOM元素及子元素、事件和数据，语法为$(selector).remove()；支持删除指定元素如$(‘#box’).remove()，批量删除如$(‘p.tip’).remove()，或带条件筛选删除如$(‘.item’).remove(‘.hidden’)，相比hide()或html(‘’)更彻底，有助于内存管理。
2025-11-04 19:48:02
800
React中渲染嵌套数据：map()的深度应用与最佳实践 本教程深入探讨在React应用中如何高效且正确地使用map()方法渲染多层嵌套的数据结构。文章将通过实际案例，详细解析处理包含数组的对象的常见挑战，包括属性访问错误、key管理以及如何构建清晰、可维护的组件，确保数据能够被准确无误地呈现在UI上。
2025-11-04 19:44:25
227
解决React应用输入框卡顿：避免渲染函数中的异步setState循环 当React应用在输入时卡顿，常见原因是组件渲染函数中直接触发异步调用并更新状态，导致无限重渲染循环。本文将深入分析此问题，并提供使用useEffect钩子来管理副作用的正确方法，从而避免性能瓶颈，确保应用流畅运行。核心在于将异步操作及其状态更新逻辑隔离在副作用钩子中，而非直接在组件顶层执行。
2025-11-04 19:44:01
822
TypeScript 泛型函数中复杂对象类型推断的精确实现 本文探讨了在TypeScript泛型函数中处理复杂嵌套对象时，Object.values导致类型信息丢失的问题。通过深入分析原始类型定义如何削弱类型关联，并提出一种基于映射类型（MappedTypes）和索引访问类型（IndexedAccessTypes）的类型重构策略，精确地为泛型函数中的迭代操作恢复并维护了类型关联，最终实现了预期的强类型推断。
2025-11-04 19:41:01
716
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部