Javascript 使用jquery在单击时获取索引

我正试图为我的大学开发一款双人跳棋游戏，但当我点击棋子时，我一直在获取2D数组的索引

我将HTML代码划分为：

• 桌子-游戏板
• 行-每行是数组的高度
• 单元格-每个单元格都是一个片段，并且是数组的宽度

然后我设置了一个默认数组来开始游戏：

  var board = [
    [0, 1, 0, 1, 0, 1, 0, 1],
    [1, 0, 1, 0, 1, 0, 1, 0],
    [0, 1, 0, 1, 0, 1, 0, 1],
    [0, 0, 0, 0, 0, 0, 0, 0],
    [0, 0, 0, 0, 0, 0, 0, 0],
    [2, 0, 2, 0, 2, 0, 2, 0],
    [0, 2, 0, 2, 0, 2, 0, 2],
    [2, 0, 2, 0, 2, 0, 2, 0],
  ];

其中： -0-空单元格 -1人1件 -2人2件

为了得到这个职位，我使用这个代码

function getPosition() {
  $('.row').on('click', function() {
    console.log( $('.row').index(this) );
  });
  $('.cell').on('click', function() {
    console.log( $('.cell').index(this) );
  });
}

获取高度数组位置，它应该在0和7之间是可以的，但是行中的单元格也应该在0和7之间，但是使用这个我得到的是从0到63，使用这个参数我不知道如何开始游戏的下一个比较

这是代码笔的代码

---

在每个实例中，您只需使用

$（this）.index（）

，它将返回元素同级中的索引

但是，因为单击一行总是意味着单击一个单元格，所以您可以将它们组合起来并执行以下操作

$('.cell').on('click', function() {
   var $cell = $(this),  
       columnIndex = $cell.index(),
       rowIndex = $cell.parent().index();
});

---

---

$（'.cell'）.index（this）

所做的是获取页面中类的整个集合，这就是为什么要将0-63更改为

console.log（$（'.cell'，this.parentElement）.index（this））

获取当前行内的索引或

$（'.cell'）。索引（此）%8

此答案对您有帮助吗？如果是这样，请随意接受