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

所以我有一个像这样的表：

<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>

我想更改类名称为input的MontnHT的值时，类名称为tr的SousTotal中包含的类名称为input的PrixUnitr的首次出现的值，所以我创建了像这样的事件：

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

我的问题是还更改了包含在具有相同类名TR的SousTotal中的其他输入，因为我只想更改首次出现的内容，这是怎么做的？以及如何解决？

最佳答案

使用.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");

关于javascript - jQuery-如何查找具有特定类的元素的下一次出现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33757808/