我试图在 jQuery 中创建一个选择器,但我的所有尝试都失败了。你能帮助我吗? 我有一张这样的 table
<tr>
<td>1</td>
<td><input id="AmontTuy1Diam" class="selectdiam"></td>
<td><input id="AmontTuy1Long" class="selectlong"></td>
<td><select class="MatSelectList" id="AmontTuy1Type">
<option value="0"> </option>
<option value="7">Value 1</option>
<option value="8">Value 2</option>
</select></td>
<td><input id="AmontTuy1Rugo" class="selectrugo"></td>
</tr>
然后我对选择列表的更改执行操作,我想更改最后一个 td 中的输入值而不通过 id 访问它。
$(".MatSelectList").change( function() {
$(this).closest('tr').find(':last-child').val('test'); //doesn't work
});
我不能通过 id 访问它,因为更改函数是在一个类上执行的,而且我有几个具有这种类型的更改值的表要做。 任何想法
最佳答案
您正在尝试设置 td 的 val
,您需要选择 input
:
$(this).closest('tr').find('td:last input').val('test');
$(".MatSelectList").change( function() {
$(this).closest('tr').find('td:last input').val('test'); //does work
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<td>1</td>
<td><input id="AmontTuy1Diam" class="selectdiam"></td>
<td><input id="AmontTuy1Long" class="selectlong"></td>
<td><select class="MatSelectList" id="AmontTuy1Type">
<option value="0"> </option>
<option value="7">Value 1</option>
<option value="8">Value 2</option>
</select></td>
<td><input id="AmontTuy1Rugo" class="selectrugo"></td>
</tr>
</table>
关于javascript - jQuery 选择器不在 id 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26655547/