javascript - 如何使用 jQuery 获取表 tds 的类名并将其写入数组？

Question

我的 HTML 表格包含三行，每行三个单元格。每个单元格都有类名。我想获取每个单元格的类名并将其写入数组。

HTML 表格:

<table>
    <tr>
        <td class="O-marker"></td>
        <td class="O-marker"></td>
        <td class="X-marker"></td>
    </tr>
    <tr>
        <td class="X-marker"></td>
        <td class="O-marker"></td>
        <td class="X-marker"></td>
    </tr>
    <tr>
        <td class="X-marker"></td>
        <td class="O-marker"></td>
        <td class="O-marker"></td>
    </tr>
</table>

当调用getBoard函数时，获取所有cell的类名并将其写入board数组。

function getBoard() {
   var board = [];
   return board;
}

我想使用 jQuery 和 .each() 方法来获取类名并将第一个字符插入数组 board 中。例子。我所说的第一个字符是(X 或 O)。

Answer 1

使用普通 JS:

function getBoard() {
  var board = [];
  var tds = document.getElementsByTagName('td');
  for (var i = 0; i < tds.length; i += 1) {
    board.push(tds[i].className[0]);
  }
  return board;
}

或者在 jQuery 中:

function getBoard() {
  var board = [];
  $('td').each(function(){
    board.push(this.className[0]);
  });
  return board;
}