在javascript中使用while循环和递增

Question

需要一些帮助。 Javascript 不是我的强项。我试图循环遍历以下元素 id，每次迭代本身递增 1。例如，c4_r1_cell_1 将变为 c4_r2_cell_2、c4_r3_cell_3 等，以此类推，每次循环通过。在进入下一个循环之前，我需要在每次迭代中使用相同的增量数发生 6 次。您在哪里看到“+ loop_count +”每次都需要相同的数字才能进入下一个循环运行，直到它到达最后一个。

我不需要它增加我的每个“+ loop_count +”，就像它们是单独的迭代一样，它增加了 1、2、3、4、5、6。我需要它们是 1,1,1,1,1,1，然后是下一个循环迭代 2,2,2,2,2,2 等。

正在生成的 HTML：

<td><input type="text" id="c1_r<?php echo $i; ?>_cell_2" name="c1_r<?php echo $i; ?>_cell_2" value="<?php echo $row2['c1_r'.$i.'_cell_2']; ?>" /></td>
<td><input type="text" id="c2_r<?php echo $i; ?>_cell_3" name="c2_r<?php echo $i; ?>_cell_3" value="<?php echo $row2['c2_r'.$i.'_cell_3']; ?>" /></td>
<td><input type="text" id="c3_r<?php echo $i; ?>_cell_4" name="c3_r<?php echo $i; ?>_cell_4" value="<?php echo $row2['c3_r'.$i.'_cell_4']; ?>" /></td>
<td><input type="text" id="c4_r<?php echo $i; ?>_cell_5" name="c4_r<?php echo $i; ?>_cell_5" value="<?php echo $row2['c4_r'.$i.'_cell_5']; ?>" /></td>
<td><input type="text" id="c5_r<?php echo $i; ?>_cell_6" name="c5_r<?php echo $i; ?>_cell_6" value="<?php echo $row2['c5_r'.$i.'_cell_6']; ?>" /></td>

这是我现在无法正常工作的：

var loop_count = 1;
while (loop_count < 50) {
document.getElementById("c4_r" + loop_count + "_cell_" + loop_count + "") = 
document.getElementById("c5_r" + loop_count + "_cell_" + loop_count + "");
document.getElementById("c5_r" + loop_count + "_cell_" + loop_count + "") = '';
loop_count++;
}

Answer 1

您需要获取和设置您选择的 DOM 元素的 innerHTML。就目前而言，您正在尝试选择整个 DOM 元素并将其分配给另一个 DOM 元素 - 这是您不能做的事情。但是，您可以获取此元素的 innerHTML 值并分配它们。

var loop_count = 1;
while (loop_count < 50) {
document.getElementById("c4_r" + loop_count + "_cell_" + loop_count).value = document.getElementById("c5_r" + loop_count + "_cell_" + loop_count) ? document.getElementById("c5_r" + loop_count + "_cell_" + loop_count).value : '';
document.getElementById("c5_r" + loop_count + "_cell_" + loop_count).value = '';
loop_count++;
}

如果你需要检查 DOM 元素是否存在，你可以使用一个简单的 if 语句：

var loop_count = 1;
while (loop_count < 50) {
  if (document.getElementById("c4_r" + loop_count + "_cell_" + loop_count)) {
  document.getElementById("c4_r" + loop_count + "_cell_" + loop_count).value = document.getElementById("c5_r" + loop_count + "_cell_" + loop_count) ? document.getElementById("c5_r" + loop_count + "_cell_" + loop_count).value : '';
}
  document.getElementById("c5_r" + loop_count + "_cell_" + loop_count) ? document.getElementById("c5_r" + loop_count + "_cell_" + loop_count).value = '' : undefined;
  loop_count++;
}

Answer 2

我做了一些修改以提供上下文，希望底层逻辑应该是您正在寻找的：jsfiddle 下面是纯 Javascript 的 sn-p：

var loop_count = 1;  //*variable initialization*
while(loop_count<50){    //*iterator and the condition*   
 var text=document.getElementById("c4_r" + loop_count + "_cell_" + loop_count + "").innerHTML;   // *assigning to a a new variable the content of the element matching the ID*
loop_count++; }     //variable increment to meet stop iteration when at 50 and closure of the while.

Answer 3

试试这个方法。它可以帮助你

var loop_count = 1;
while (loop_count < 50) {

    $('#c4_r' + loop_count + '_cell_' + loop_count + '').val($('#c5_r' + loop_count + '_cell_' + loop_count + '').val());
    $('#c5_r' + loop_count + '_cell_' + loop_count + '').val('');

    loop_count++;
}