javascript - jQuery 选择器不在 id 上

Question

我试图在 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 访问它，因为更改函数是在一个类上执行的，而且我有几个具有这种类型的更改值的表要做。任何想法

Answer 1

您正在尝试设置 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>