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
})