0

私が作った掃海艇では、10*10を作成し、 sに0-99<table>を与えました。ただし、ある種のhtml5やjquery構文のように、各に継承セレクターがあるかどうかを知りたいです。<td>id<td>

私のコード

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 を使用して、使用できる行 (row) と列 (col) で td を選択するには

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

の 10 x 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 に答える