通过一组特定的文本框循环访问

Question

嗨我已经看到了循环的基本知识，但是，当循环访问特定复选框时，除了下面的基本循环功能外，还将在jQuery代码中添加什么内容？就像我可以用什么来特别循环一组复选框。谢谢。我在下面添加了复选框的HTML格式。

$("A").each(function(index) { console.log(index + ": " + $(this).text()); });

<td class="dot_wrap"> 
      <label for="A1"><span class="hidden">A-1</span> 
       <input type="checkbox" value="A1" name="A1" id="A1" tabindex="1" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A4"><span class="hidden">A-4</span> 
       <input type="checkbox" value="A4" name="A4" id="A4" tabindex="4" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A2"><span class="hidden">A-2</span> 
       <input type="checkbox" value="A2" name="A2" id="A2" tabindex="2" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

     <td class="dot_wrap"> 
      <label for="A5"><span class="hidden">A-5</span> 
       <input type="checkbox" value="A5" name="A5" id="A5" tabindex="5" class="A"> 
       <span aria-hidden="true">&nbsp;</span> 
      </label> 
     </td> 

    <td class="dot_wrap"> 
     <label for="A3"><span class="hidden">A-3</span> 
      <input type="checkbox" value="A3" name="A3" id="A3" tabindex="3" class="A"> 
      <span aria-hidden="true">&nbsp;</span> 
     </label> 
    </td> 

    <td class="dot_wrap"> 
     <label for="A6"><span class="hidden">A-6</span> 
      <input type="checkbox" value="A6" name="A6" id="A6" tabindex="6" class="A"> 
      <span aria-hidden="true">&nbsp;</span> 
     </label> 
    </td> 

Answer 1

使用普通CSS选择器的工作原理：

$('input[type=checkbox]') 

jQuery的也有这样的special :checkbox selector：

$('input:checkbox') 

如果你想将它缩小到你的班级A，你可以在选择器中添加：

$('input.A[type=checkbox]') 
$('input.A:checkbox') 

或者，如果你有他们的所有节点（与例如ID的形式）下聚集，也可以缩小它使用选择器功能的第二个参数：

$('input:checkbox', '#my-form') 

而且还有类选择器：

$('input.A:checkbox', '#my-form')