无法解析父节点自定义属性
Parent node custom attribute could not be parsed
我有一个容器div,其中有一个自定义数据属性data-gid
。当单击该div中的元素时,我需要获得父div的自定义属性。
<div ng-repeat="(key, qn) in list >
<div data-gid="{{ qn.id }}" >
<div id="child1">
<button ng-click="getParents($event);">Click</button>
</div>
<div>
</div>
Js
$scope.getParents = function(evt){
var elem = evt.target.parentNode.getAttribute('data-gid');
console.log(elem);
}
问题是我总是得到data-gid
作为null
。当我选中
console.log(evt.target.parentNode)
我得到的是
<div data-gid="" >
这里有什么问题呢?
将gid参数传递给函数
<div ng-repeat="(key, qn) in list >
<div data-gid="{{ qn.id }}" >
<div id="child1">
<button ng-click="getParents(qn.id);">Click</button>
</div>
<div>
</div>
$scope.getParents = function(gid){
console.log(gid);
}
由于evt.target.parentNode
将指向div#child1
,您需要找到它的父节点,因此您需要使用
evt.target.parentNode.parentNode.getAttribute('data-gid')
OR 我推荐您可以将qn.id
直接传递给函数
<button ng-click="getParents(qn.id);">Click</button>
相关文章:
- 设置自动分隔符的自定义属性
- 与ng attr myCustomAttribute匹配的自定义属性指令
- 获取自定义属性的值
- 如何创建自定义属性以添加if.bind
- 动态更新Angular2指令中自定义属性的值
- 使用jQuery更改输入字段的自定义属性
- 在 Javascript 生成的列表中,如何将自定义属性添加到 标记
- 设置 HTML 自定义属性与在 ID 属性中存储信息
- 是否可以在 Polymer 中的
节点上使用自定义属性以获得漂亮的 API - 为什么克隆节点排除自定义属性
- 将自定义属性添加到 vuejs 组件
- 使用原型对象向javascript对象添加自定义属性和方法的建议
- 正在设置自定义属性名称
- datalist获取选定的值和自定义属性(无事件)
- 如何使用javascript获取元素的自定义属性值
- 在jQuery方法中编写自定义属性的正确语法是什么
- 自定义属性jquery Datatables
- Dynatree jquery插件向节点添加自定义属性
- 如何在自定义属性指令中访问父范围
- 无法解析父节点自定义属性