Javascript 如何从HtmlTableCellElement获取文本_Javascript_Jquery

Javascript 如何从HtmlTableCellElement获取文本

javascript jquery

Javascript 如何从HtmlTableCellElement获取文本,javascript,jquery,Javascript,Jquery,正在处理一个简单的jquery tic tac toe项目。我试图遍历电路板并将每个单元格的值保存在一个数组中，但不知道如何访问每个td中的文本。我尝试了.text（）和.value（），但都返回未定义的值 index.html： <html> <head> <title>jQuery Tic Tac Toe</title> </head> <body> <tab

正在处理一个简单的jquery tic tac toe项目。我试图遍历电路板并将每个单元格的值保存在一个数组中，但不知道如何访问每个td中的文本。我尝试了.text（）和.value（），但都返回未定义的值

index.html：

<html>
    <head>
        <title>jQuery Tic Tac Toe</title>
    </head>
    <body>
        <table border="1" cellpadding="40">
            <tr>
                <td data-x="0" data-y="0">Test</td>
                <td data-x="1" data-y="0"></td>
                <td data-x="2" data-y="0"></td>
            </tr>
            <tr>
                <td data-x="0" data-y="1"></td>
                <td data-x="1" data-y="1"></td>
                <td data-x="2" data-y="1"></td>
            </tr>
            <tr>
                <td data-x="0" data-y="2"></td>
                <td data-x="1" data-y="2"></td>
                <td data-x="2" data-y="2"></td>
            </tr>
        </table>
        <div id="games"></div>
        <div id="message"></div>
        <button id="save">Save Game</button>
        <button id="previous">Show Previous Games</button>
    </body>
</html>

您需要使用.text（）

您可以尝试这种方式，此链接对此进行了解释：

函数GetCellValues（）{ var table=document.getElementById（'mytable'）； for（var r=0，n=table.rows.length；r试试这个：-

使用此

cell.innerHTML

而不是

cell

        function getBoard() {
            board = [];
            $.each($("td"), function (index, cell) {
                board.push(cell.innerHTML); //Need to return contents of cell
            });
            alert(board);
        }

希望这能对您有所帮助。

rd.push（$（this.text（））而不是rd.push（单元格）成功了！非常简单，谢谢
 $.each("td", function(index, cell) {
   board.push($(cell).text()); //Need to return contents of cell
 });

function GetCellValues() {
        var table = document.getElementById('mytable');
        for (var r = 0, n = table.rows.length; r < n; r++) {
            for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
                alert(table.rows[r].cells[c].innerHTML);
            }
        }
    }

        function getBoard() {
            board = [];
            $.each($("td"), function (index, cell) {
                board.push(cell.innerHTML); //Need to return contents of cell
            });
            alert(board);
        }