現在の要素に関連するテキストボックスを見つける

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への参照を取得しようとしています。これはテーブルの1行にすぎないため、ループで必要です。ドロップダウンをループする必要があり、selectedIndexがゼロ（＆gt; 0）より大きい場合、金額テキストボックスにはゼロ（＆gt; 0）より大きい金額が必要です。将来、dataType検証を実装します。現在、ループで関連するテキストボックスにアクセスする方法を知る必要があります。

これまでにこのコードを持っています。...

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

});

これを達成する最良の方法は何ですか？ parent（）。parent（）。next（）。find（＆quot;：input＆quot;）への参照を取得する必要がありますか...またはその効果があるかもしれません？

Answer 1

これは動作するはずです：

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