JS点击a标签获取自定义属性：解决jQuery AJAX动态加载失效问题

问题背景与需求

在项目开发中，我们常遇到这样的需求：当用户点击一个a标签时，需要获取该标签的完整内容并显示出来。

jQuery方法的尝试与失效分析

起初，我尝试使用jQuery的click事件处理方法来实现这一功能。

HTML代码如下：<a ownattr="……" onClick="showDetail(this)">哈哈</a>

思路是在jQuery的click事件处理函数中，将this对象的ownattr属性值赋给用于显示完整内容的div标签。

然而，这种方法在实际运行中一直无法正常工作。

经过仔细排查，发现问题的根源在于项目框架使用jQuery AJAX异步获取后台列表数据。当页面执行到click事件绑定时，AJAX请求尚未完成，导致相关DOM元素或属性尚未就绪。

原生JavaScript解决方案

因此，我决定放弃jQuery的click方法，转而采用原生JavaScript来实现。

具体实现方法如下：

function showDetail(obj){

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

以上介绍的是通过JavaScript点击a标签获取其自定义属性的方法，希望能为遇到类似问题的开发者提供参考。