javascript - 查找与当前元素相关的文本框

Question

这是我的 HTML:

<tr>
                        <td colspan="2" class="borderBottomCell">
                          <div class="benefitInfo" style="WIDTH: 99%! important;">
                            <asp:DropDownList runat="server" ID="ddlbc1"  />
                            <asp:Label runat="server" ID="lblbc1" />
                            <asp:Literal runat="server" ID="spcbc1" Text="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
                            <asp:Label runat="server" ID="bd1" />
                            <asp:HiddenField runat="server" ID="hdnbc1"  /> 
                          </div>
                        </td>
                        <td class="borderBottomCell2">
                            <asp:TextBox runat="server" ID="amt1" CssClass="transparentTextBox amount" Width="60px" Columns="9" />
                        </td>
                        <td class="borderBottomCell2">
                            <asp:TextBox runat="server" ID="int1" CssClass="transparentTextBox" Width="60px" Columns="9" />

                        </td>
                    </tr>

我正在尝试获取对文本框 amt1 的引用。我需要在循环中使用它，因为这只是表中的一行。我需要循环遍历下拉列表，如果 selectedIndex 大于零 ( > 0 )，则金额文本框的金额需要大于零 ( > 0 )。我将来会实现数据类型验证，目前我只需要知道如何在循环中访问相关文本框。

到目前为止我有这个代码......

$(".benefitInfo select").each(function() {
    var ddl = $(this);

});

实现这一目标的最佳方法是什么？我应该得到对 parent().parent().next().find(":input") 的引用吗？或者可能有类似效果的东西？

Answer 1

这应该有效:

$(".benefitInfo select").each(function() {
    var ddl = $(this);
    var amtTxt = ddl.closest('tr').find('.amount');
});