javascript - JQuery - 如何找到具有特定类的元素的下一次出现

Question

所以我有一个这样的表:

<table id="TblProduits" class="TblProduitsLayout">
    <thead>
        <tbody>
            <tr class="placeholderRow">
                <td>
                    <input class="PrixUnitr" type="number" />
                </td> 
            <tr class="placeholderRow">
            <tr class="placeholderRow SousTotal">
                <td>
                    <input  class="MontnHT" type="text" disabled="disabled"  min="0"/>
                </td>
            <tr class="placeholderRow">
            <tr class="placeholderRow SousTotal">
                <td>
                    <input  class="MontnHT" type="text" disabled="disabled" min="0">
                </td>
    </tbody>
</table>

我想更改类名 MontnHT 包含在类名 SousTotal 的 tr 中的 input 的第一次出现的值 当类名 PrixUnitr 的 input 的值发生变化时，我创建了一个这样的事件:

$('body').on('change', '.PrixUnitr', function() {       
    $(this).closest('tr').nextAll("tr.SousTotal").find("input.MontnHT").val("foo");
});

我的问题是，它还更改了包含在具有相同类名 SousTotal 的 TR 中的其他输入，因为我只想更改第一次出现的情况，我是什么做错了吗？以及如何解决？

Answer 1

使用.first() 或.eq(0) 获取元素的第一次出现

 $(this).closest('tr').nextAll("tr.SousTotal").first().find("input.MontnHT:first").val("foo");

或

 $(this).closest('tr').nextAll("tr.SousTotal:eq(0)").find("input.MontnHT:eq(0)").val("foo");