JQuery - 如何使用特定类查找元素的下一个出现

时间:2015-11-17 13:11:01

标签: javascript jquery html

所以我有一张这样的表:

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

我希望在{{1}的值更改input中包含类名为MontnHT的{​​{1}}时fisrt出现的值tr更改了classname SousTotal,所以我创建了一个这样的事件:

input

我的问题是,这也改变了PrixUnitr中包含相同类名$('body').on('change', '.PrixUnitr', function() { $(this).closest('tr').nextAll("tr.SousTotal").find("input.MontnHT").val("foo"); }); 的其他输入,因为我想改变第一次出现,我做错了什么?以及如何解决?

1 个答案:

答案 0 :(得分:2)

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