如何使用JavaScript循环div id

时间:2014-05-15 08:22:45

标签: html loops for-loop

我正在构建一个简单的数独级别检查程序。我需要遍历每个行,列,每个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>

2 个答案:

答案 0 :(得分:0)

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

可以使用selector为第一行的子项创建循环,然后使用the each function循环遍历它们。

答案 1 :(得分:-1)

循环遍历每个,请参阅this

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