javascript - 遍历 jQuery 中的顺序嵌套类？

Question

我正在尝试遍历具有row[i]行和col[i]列的类的表格单元格。但是，这目前不起作用：

for (var i = 1; i <= 5; i++) {
    for (var j = 1; j <= 7; j++) {
        $(".row[" + i + "] .col[" + j + "]").html('1');
    }
}

这是一个带有示例的 jsFiddle：http: //jsfiddle.net/A4HvP/1/

Answer 1

[尝试逃脱\[

$(".row\\[" + i + "\\] .col\\[" + j + "\\]").html('1');

演示：小提琴

作为替代方案，我建议将类命名row-1为row[1]

然后

for (var i = 1; i <= 5; i++) {
    for (var j = 1; j <= 7; j++) {
        $(".row-" + i + " .col-" + j).html('1');
    }
}

$(".row[" + 1 + "] .col[" + 1 + "]").html('1');搜索具有类和属性的元素以及具有类和row属性1的子元素col1

像

<tr class="row" 1>
    <td class="cell" 1></td>
</tr>

Answer 2

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   //iterate through rows
   //rows would be accessed using the "row" variable assigned in the for loop
   for (var j = 0, col; col = row.cells[j]; j++) {
     //iterate through columns
     //columns would be accessed using the "col" variable assigned in the for loop
   }  
}

Answer 3

你应该解释什么是“不工作”。

但是，可能是 javascript 数组是从零开始的，而不是从一开始的。

for (var i = 0; i < 5; ++i) { ... }