Javascript 无法分析父节点自定义属性

我有一个容器div，其中有一个自定义数据属性

datagid

。在单击该div内的元素时，我需要获取父div的自定义属性

Html

问题是我总是将

数据gid

作为

null

获取。 当我检查时

console.log(evt.target.parentNode)

我得到的是

<div data-gid="" >

---

那么这里的问题是什么呢？

As

evt.target.parentNode

将指向

div#child1

，您需要找到它的父节点，因此需要使用

evt.target.parentNode.parentNode.getAttribute('data-gid')

或者，我建议您可以将

qn.id

直接传递给函数

<button ng-click="getParents(qn.id);">Click</button>

<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); 
}

点击

将gid参数传递给函数

<button ng-click="getParents(qn.id);">Click</button>

<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); 
}

---

methinks，第二种变体更好：-）