如何獲取表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]獲取第一個字符。