假设我有一个像这样的表格,每一行都有多个选择:
<table>
<tr>
<td>
<select name="selectA" id="selectA">
....
</select>
</td>
<td>
<select name="selectB" id="selectB">
....
</select>
</td>
<td>
<select name="selectC" id="selectC">
....
</select>
</td>
</tr>
<tr>
<td>
<select name="selectA2" id="selectA2">
....
</select>
</td>
<td>
<select name="selectB2" id="selectB2">
....
</select>
</td>
<td>
<select name="selectC2" id="selectC2">
....
</select>
</td>
</tr>
<tr>
<td>
<select name="selectA3" id="selectA3">
....
</select>
</td>
<td>
<select name="selectB3" id="selectB3">
....
</select>
</td>
<td>
<select name="selectC3" id="selectC3">
....
</select>
</td>
</tr>
</table>
我想要做的是,当 select 元素发生更改时,我希望在更改的 select 元素之后获取同一行中的所有 select 元素,并对其进行更改。
因此,如果 selectA 发生变化,我想要获取 selectB 和 selectC。如果 selectB 发生变化,我想要获取 selectC。等等。如何使用 jQuery 做到这一点?
最佳答案
试试这个:
$('select').change(function() {
$(this).parent().nextAll().find('select')...
});
即取元素的.parent()
(这将是 <td>
),然后对于其所有以下兄弟 .nextAll()
, .find()
所有<select>
其中的元素。
关于javascript - 获取一行中当前选择元素之后的所有选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5726421/