我正试图通过jQuery迭代放置在特定div上的所有输入,但是没有响应。我无法通过警报查看输入值。我究竟做错了什么 ?
<form id="internshipStage2Form" method="POST" action="form2.php">
<center>
<table id="studentInformation" border="1">
<caption style="color:#f00;">Student(Trainee) Information</caption>
<tr>
<td valign="middle" align="center">
<label id="stuEmailLabel" for="stuEmailText">E-mail Address</label>
</td>
<td valign="middle" align="center"><?php echo $email; ?></td>
</tr>
<tr>
<td valign="middle" align="center">
<label id="stuPhoneLabel" for="stuPhoneText">Phone</label>
</td>
<td><input id="stuPhoneText" type="text" name="stuPhoneText"/></td>
</tr>
</table>
<div id="companyInfo">
<table id="companyInformation" border="1">
<caption style="color:#f00;">Company Information</caption>
<tr>
<td valign="middle" align="center">
<label id="companyNameLabel" for="companyNameText">Company Name</label>
</td>
<td><input id="companyNameText" type="text" name="companyNameText"/></td>
</tr>
<tr>
<td valign="middle" align="center">
<label id="companyAdressLabel" for="companyAdressText">Address</label>
</td>
<td><input id="companyAdressText" type="text" name="companyAdressText"/></td>
</tr>
<tr>
<td valign="middle" align="center">
<label id="companyPhoneLabel" for="companyPhoneText">Phone</label>
</td>
<td><input id="companyPhoneText" type="text" name="companyPhoneText"/></td>
</tr>
<tr>
<td valign="middle" align="center">
<label id="" for="">Did the any students work as trainees in the company in the previous years?</label>
</td>
<td valign="middle" align="center">
Yes<input id="g1Positive" type="radio" name="g1" value="YES"/>
No<input id="g1Negative" type="radio" name="g1" value="NO"/>
</td>
</tr>
</table>
</div>
<h4 style="color:#f00;">
I agree the terms.
</h4>
<input id="stuDecCheckBox" type="checkbox" name="stuDecCheckBox" /></br>
<input id="sendButton" type="submit" name="sendButton2" value="SEND FOR APPROVEMENT"/>
</center>
</form>
JS
$('#companyInfo').children('input').each(function () {
alert(this.value);
});
任何帮助都会得到满足。
答案 0 :(得分:12)
您的输入不是#companyInfo
的子项。就这样做:
$('#companyInfo input').each(function () {
alert(this.value);
});
答案 1 :(得分:5)
您可以使用find
方法,它在任何级别查找嵌套元素:
$('#companyInfo').find('input').each(function () {
alert(this.value);
});
答案 2 :(得分:2)
input
不是#companyInfo
的直接后代。而是Try this:
$('#companyInfo input').each(function () {
console.log($(this).val());
});
答案 3 :(得分:1)
.children()方法与.find()的不同之处在于.children()只沿DOM树向下移动一层
类是快速实现多元素操作的好方法。
Yes<input class="radioInput" id="g1Positive" type="radio" name="g1" value="YES"/>
No<input class="radioInput" id="g1Negative" type="radio" name="g1" value="NO"/>
然后使用.each按类迭代:
$(document).ready(function() {
$('body').on('click', '#sendButton', function() {
$(' .radioInput ').each(function() {
alert(this.value);
});
});
});
还有jsfiddle给你。祝你好运。
编辑:错误的小提琴,链接已修复。答案 4 :(得分:0)
您可以使用此:
var baseInfosInputs = [];
$("#baseInfos :input, #baseInfos :selected").each(function() {
baseInfosInputs += this.value;
});
如果要将它们推入数组或对象,请使用以下方法:
baseInfosInputs.push(this.value);