Итерация через последовательные вложенные классы в 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'); 

Демо: 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> 

Answer 2

Вы должны объяснить, что «не работает».

Однако, возможно, что массивы javascript не основаны на нулевом базисе, а не на одном.

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

Answer 3

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