Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery:基于父类的子元素循环_Javascript_Html_Jquery - Fatal编程技术网

Javascript Jquery:基于父类的子元素循环

Javascript Jquery:基于父类的子元素循环,javascript,html,jquery,Javascript,Html,Jquery,我的表格结构如下: 作为父类的每个必需元素都是必需的 子类具有特定于元素的类名,如checkbox\u required或radio\u required等 我想在is_required类中的所有for元素上循环,然后基于子类执行所需的验证。我的问题是无法选择子类: <div class="col-md-3"> <div class="form-group is_required"> <label>ra

我的表格结构如下:

  • 作为父类的每个必需元素都是必需的
  • 子类具有特定于元素的类名,如
    checkbox\u required
    radio\u required
  • 我想在
    is_required
    类中的所有for元素上循环,然后基于子类执行所需的验证。我的问题是无法选择子类:

    <div class="col-md-3">
       <div class="form-group is_required">
          <label>radio button</label><br>
          <div class="radio_required">
             <input type="radio" name="radio_button" value="1">1
             <input type="radio" name="radio_button" value="2">2
             <input type="radio" name="radio_button" value="3">3
          </div>
       </div>
    </div>
    
    <div class="form-group is_required">
       <label>checkboxes</label><br>
       <div class="checkbox_required"> 
          <input type="checkbox" name="checkboxes[]" value="one">one
          <input type="checkbox" name="checkboxes[]" value="two">two 
          <input type="checkbox" name="checkboxes[]" value="three">three
       </div>
    </div>
    

    有人能告诉我如何实现这一点吗?

    尝试使用以下代码

    $(“.is_required”).each(function(){
    var元素=$(此);
    //循环当前元素的所有子元素
    $(元素).children().each(函数)(){
    if($(this).hasClass(“需要复选框”){
    var checkboxElement=$(此项);
    log($(checkboxElement.attr(“class”));
    }
    else if($(this).hasClass(“需要无线电”){
    var radioElement=$(本);
    console.log($(radioElement.attr(“class”));
    }
    });
    })
    
    单选按钮
    1. 2. 3. 复选框
    一 2 三
    你可以做
    var ele=$(“>div>*”,这个)
    您的尝试将是:
    $(“.is\u required”)。每个(function(){var childitems=$(this)。查找(“>div”)
    ,但您也可以执行
    $(“.is\u required>div”)
    并跳过第一个
    。每个
    -可能更好地执行
    $(“.is\u required>。radio\u required,.is\u>.is\u required>。checkbox\u required”)
    以获得具体的验证。但是每个验证内部可能不同,因此您需要
    如果($(此).is(“.checkbox\u required”)…
    因此您可以将它们作为单独的检查进行:
    $(.is\u required>radio\u required”)。每个…
    $(“.is\u required>checkbox\u required”)。每个…
    @freedomn-m=$(此).find(“>div”)这是有效的
    $(".is_required").each(function() {       
            var div = $(this)+" > div";// Not sure how will i get the div here need to get radio_required, checkboxe_required etc 
    })