javascript - 获取一行中当前选择元素之后的所有选择

Question

假设我有一个像这样的表格，每一行都有多个选择:

<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 做到这一点？

Answer 1

试试这个:

$('select').change(function() {
    $(this).parent().nextAll().find('select')...
});

即取元素的.parent() (这将是 <td> )，然后对于其所有以下兄弟 .nextAll() , .find()所有<select>其中的元素。