jQuery each関数の使用
1844 ワード
each()メソッドは、一致する要素ごとに実行される関数を規定し、内部を巡る要素はjsオブジェクトであり、$を使用してjQueryオブジェクトに変換する必要がある.
<script src="jquery-3.4.1.js"/>
<script>
$(function(){
var inputObject=$("table > tbody[name=haha] > tr:eq(1) > td:first > input");
console.log(inputObject);
for (var i = 0; i < inputObject.length; i++) {
alert($(inputObject[i].val()));
}
inputObject.each(function(i,o){
alert($(o).val());
});
inputObject.each(function(){
alert($(this).val());
});
})
</script>
<table border="0" cellspacing="0" cellpadding="10">
<thead>
<tr>
<th>fdsasdfdsa</th>
<th>fdsasdfdsa</th>
<th>fdsasdfdsa</th>
</tr>
</thead>
<tbody name="haha">
<tr>
<td colspan="2">fdsasdf</td>
<td>fdsasdf</td>
</tr>
<tr>
<td rowspan="2">
<input type="text" value="hh"/>
<input type="text" value="hh2"/>
</td>
<td>
fdsasdfdsasdf
</td>
<td>fdsasdf</td>
</tr>
<tr>
<td>fdsasdf</td>
<td>fdsasdf</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>fdsasdf</td>
<td>fdsasdf</td>
<td>fdsasdf</td>
</tr>
</tfoot>
</table>
</code></pre>
<p> </p>
</div>
</div>
</div>
</div>