如何获取每个子元素的 id
及其标签名称,以便将每列的数据保存到字符串中?
<div class="row">
<div class="col-md-4">
<input id="poz-3" placeholder="numv" type="text">
</div>
<div class="col-md-4">
<input id="poz-3" placeholder="numv" type="text">
</div>
<div class="col-md-4">
<select id="poz-3-s">
<option value="1">-Pick-</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
</div>
</div>
到目前为止我已经有了循环,但我不知道如何根据输入/选择获取数据:
for (var j = 0; j < (nCols / nRows); j++) {
}
最佳答案
您可以使用 .find('*')
来获取所有子项:
$('.row').find('*').each(function(){
//Get the id and value
})
希望这有帮助。
$('.row').find('*').each(function(){
if($(this).prop('tagName')!='OPTION')
console.log("id = "+$(this).prop('id')+" / value = "+$(this).val());
else
console.log("id = "+$(this).prop('id')+" / value = "+$(this).text());
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
<div class="col-md-4">
<input id="poz-3" placeholder="numv" type="text" value='first input'>
</div>
<div class="col-md-4">
<input id="poz-3" placeholder="numv" type="text" value='second input'>
</div>
<div class="col-md-4">
<select id="poz-3-s">
<option value="1">-Pick-</option>
<option value="2" selected>test2</option>
<option value="3">test3</option>
</select>
</div>
</div>
关于javascript - 获取所有子元素的 ID 及其输入/选择数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41098274/