使用javascript点击div时获取数据 - *值

Question

编辑：感谢您的帮助！使用“console.log（this.getAttribute（'data-x'））;”解决了我的问题

我正在开展一个项目，我想要一个Div的网格，每个网格都有一个独特的坐标。我正在使用数据标签来保存两个坐标，我想在单击每个div时控制记录值。

HTML：

<div class="cell" data-x="1" data-y="1"></div>

......等等，直到

<div class="cell" data-x="12" data-y"12"></div>

的JavaScript

var cell = document.querySelectorAll('.cell')
for (var i = 0; i < cell.length; i++){
cell[i].addEventListener('click',function(){
console.log(cell[i].getAttribute('data-x'));
});
};

此代码只是试图控制日志记录data-x值，但它不起作用......有人可以提出解决方案吗？