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

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函数时，然后获取单元的所有类名称并将其写入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;
}

Answer 2

使用jQuery：

function getBoard() {
   var board = [];

   $('.table td').each(function (index) {
       board.push($(this).attr('class')[0]);
   });

   return board;
}

console.log(getBoard());

您可以将字符串视为数组（排序？），并使用[0]获取第一个字符。