如何使用 JavaScript 循环遍历 div id答案

【问题标题】：How to loop through div id's using JavaScript如何使用 JavaScript 循环遍历 div id
【发布时间】：2014-07-03 14:00:24
【问题描述】：

我正在构建一个简单的数独级别检查器。我需要遍历每行、每列、每一个 3x3 框。在这段代码中，我有第一行的前 3 个数字。我如何循环通过 id 的数字，以便我可以检查第一行内的数字计数？

<div id="firstline">
   <td width="30" height="30">
      <div id="1">
         <input class="one_number" maxlength="1" type="text" onkeypress='validate(event)'>
      </div>
   </td>
   <td width="30" height="30">
      <div id="2">
         <input class="one_number" maxlength="1" type="text" onkeypress='validate(event)'>
      </div>
   </td>
   <td width="30" height="30">
      <div id="3">
         <input class="one_number" maxlength="1" type="text" onkeypress='validate(event)'>
      </div>
   </td>
</div>

【问题讨论】：

循环使用 $.each 函数作为类名。

标签： html loops for-loop

【解决方案1】：

我建议为此使用 jQuery。这是一个 javascript 框架，具有很多内置功能，包括您需要的功能。可以here下载。

可以使用selector 为第一行的孩子实现循环，然后使用the each function 循环它们。

【讨论】：

【解决方案2】：

遍历每个，参考this。

  $('.one_number').each(function(){
    var theID = $(this).attr('id');   
    // Do whatever with each and stored the ID as var
  });

【讨论】：

谁投了反对票？你能解释一下为什么。这回答了 OP 的要求。