如何通过序列化方法在unhide div中获取元素
如何通过序列化方法在unhide div中获取元素
提问于 2018-07-16 00:10:04
我有一个下拉列表，通过更改它，包含文本框和选择框的一些div被隐藏，而只有一个显示。如何才能通过serialize()获得div haven`t类中的唯一输入"hide“？
<div class="row">
<div id="student-section-2" class="hide">
<div class="col-sm-6 col-md-3">
<label class="control-label" for="">bases</label>
<input id="base-2" class="form-control bases" alt="2" type="text">
</div>
<div class="col-sm-6 col-md-2">
<label class="control-label" for="">fields</label>
<input id="field-2" class="form-control fields" alt="2" type="text">
</div>
<div class="col-sm-6 col-md-3">
<label class="control-label" for="">students</label>
<input id="student-2" class="form-control students" alt="2" type="text">
</div>
</div>
<div id="bank-section-2" class="hide">
<div class="col-sm-6 col-md-3">
<label class="control-label" for="">accounts</label>
<select id="financial-account-type-2" class="form-control finan-acc-types" name="financial-account-type" alt="2">
<option value="">select</option>
<option value="1">s</option>
<option value="2">b</option>
<option value="3">p</option>
<option value="4">a</option>
<option value="5">h</option>
</select>
</div>
</div>
<div id="personal-section-2" class="">
<div class="col-sm-6 col-md-3">
<label class="control-label" for="">s</label>
<input id="s-2" class="form-control s" alt="2" type="text">
</div>
<div class="col-xs-12">
<label class="control-label" for="">notes</label>
<textarea id="note-2" class="form-control notes" alt="2"></textarea>
</div>
</div>
</div>对于exapmle，我想获取personal-section-2输入！感谢您的回答;)
回答 1
Stack Overflow用户
发布于 2018-07-16 00:43:37
你可以对你想要得到的div做两个类。
<div id="student-section-2" class="test hide">然后拆分类，检查是否有第二类作为隐藏类。
$("#dropdownchange").change(function(){
$("#btn").click(function(){
$( ".test" ).each(function( ) {
if($( this ).attr('class').split(' ')[1] =='hide')
{
alert("i am hide do nothing");
}
else
{
alert("i am not hidden");
//here you can get your input
var el = $(this).find("input");
alert(el.val());
//for looping through multiple links you can see the follwoing question
}
});检查这个问题..-a-div- How to get all child inputs of a div element (jQuery) -jquery的元素
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51350036
复制相关文章
相似问题