通过jQuery中的顺序嵌套类进行迭代

Iterating Through Sequential Nested Classes in jQuery?

本文关键字:迭代 嵌套 顺序 jQuery 通过      更新时间:2023-09-26

我正在尝试迭代表单元格,其中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/

尝试使用'[ 逃离[

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

演示:Fiddle

作为替代方案,我建议将类命名为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的元素以及具有类别col和属性1的子元素

<tr class="row" 1>
    <td class="cell" 1></td>
</tr>
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
   }  
}

您应该解释什么是"不起作用"。

然而,javascript数组可能是基于零的,而不是基于一的。

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