如何使用JQuery选择器选择HTMLDOM中的特定子节点？

我有两个HTMLDOM示例，我想知道，如果在节点开始遍历，如何导航到每个复选框

DOM示例一：

<div class="box1 margin">
    <h3>Some Checkboxes</h3>
       <input type="checkbox">
       Nr. 1
       <br>
       <input type="checkbox">
       Nr. 2
       <br>
       <input type="checkbox">          
</div>

一些复选框
第一号


第2号

DOM示例二：

<div>
   <h3>Some Checkboxes </h3>
     <div class="box1 margin">       
         <input type="checkbox">
         Nr. 1
         <br>
         <input type="checkbox">
         Nr. 2
         <br>
         <input type="checkbox">          
     </div>
     <div class="box1 margin">
        <input type="checkbox">
        Nr. 3
        <br>
        <input type="checkbox">
        Nr. 4
        <br>
        <input type="checkbox">          
     </div>
</div> 

一些复选框
第一号


第2号


第3号


第4号

---

使用“导航到每个复选框”，我的意思是选择此元素，我想选择复选框

您可以直接访问

$（'input[type=“checkbox”]”）。each（）

---

如果要遍历每个

.box1.margin

容器的每个复选框，只需使用：

$('div.box1.margin').find('input[type="checkbox"]').each(function() {
    console.log(this.checked);
    ...
});

或：

或者，如果您希望遍历页面上的每个复选框，请改用：

$('input[type="checkbox"]').each(function() {
    console.log(this.checked);
    ...
});

使用jQuery

each（）

方法，它会迭代作为jQuery对象一部分的DOM元素

$(document).ready(function(){ 
   $('div.box1 input[type="checkbox"]').each(function(){
      console.log($(this).prop("checked")); 
   });
});

---

文档：

您可以使用类

.box1

以

div

为目标，然后与和一起使用以查找复选框。用于迭代它们中的每一个

$('.box1 input[type="checkbox"]').each(function(){
    //this refers to the checkbox
    console.log(this)
})

演示：

要选择复选框，请将

checked

属性设置为true like

$('.box1 input[type="checkbox"]').prop('checked', true)

演示：

您可以使用jquery的each（）函数

以下代码可能对您有所帮助

$(document).ready(function(){ 
  $('.box1').children('input[type="checkbox"]').each(function(){
    console.log($(this));
  });
});

---

通过每个复选框导航是什么意思？如果您编写了此代码说明它如何不选择复选框：jQuery（'.box2 margin'）.find（'input[type=“checkbox”]”）。each（function（）{jQuery（this）.prop（'checked'，true）；}）；为什么使用选择器“.box2 margin”？请仅使用“.box2”。这意味着您的代码应该如下所示。。jQuery（'.box2'）.find（'input[type=“checkbox”]'）.each（function（）{jQuery（this）.prop（'checked'，true）；}）；谢谢我得到的信息是，prop（）不是一个函数？

$('.box1 input[type="checkbox"]').prop('checked', true)

$(document).ready(function(){ 
  $('.box1').children('input[type="checkbox"]').each(function(){
    console.log($(this));
  });
});