0

在我制作的扫雷器中，我创建了一个 10*10<table>并给<td>s id0-99。但是我想知道是否每个都有一个继承选择器<td>，比如某种 html5 或 jquery 语法。

我的代码

document.getElementById("grid").innerHTML = "";

var gameBox = "";

    //ten rows
for ( i = 0 ; i < rowAmount ; i++ ) {
    gameBox += "<tr>";
        //ten columns
    for ( var j = 0 ; j < columnAmount ; j++ ) {
            //produce id value
        var idValue = ( i * rowAmount ) + j;
            //write cell
        gameBox += "<td class = 'box' id = '" + idValue + "' ></td>";
    }
    gameBox += "</tr>";
}
document.getElementById("grid").innerHTML = gameBox;
4

2 回答 2

4

使用 CSS 在一行（行）和一列（col）中选择一个 td，你可以使用

$('tr:nth-child(['+ row +'])>td:nth-child(['+ col +'])');

的，因为你知道它是 10 乘 10，那么你可以使用简单的数学在表格下选择正确的 td - 比如

$('table.grid td:nth-child('+ row*10 + col +');
于 2013-09-22T11:03:52.947 回答
0

您可以只$('td')获取所有td元素，但理想情况下，您会在生成的每个 s 上放置一个类，并且可以在其上进行选择，这样一旦您在页面上的某个位置td添加另一个，您的代码就不会中断table

于 2013-09-22T02:32:16.437 回答