在jQuery中迭代顺序嵌套类?

时间:2013-08-23 03:17:06

标签: javascript jquery

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

3 个答案:

答案 0 :(得分:2)

尝试使用[

转义\[
$(".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>

答案 1 :(得分:1)

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
   }  
}

答案 2 :(得分:0)

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

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

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