获取同一个表中最近的文本框

Question

我在同一张表中有以下控件。

<td>
     <asp:TextBox ID="tbOwnerSearchField" Text="Search..." ClientIDMode="Static"  runat="server"></asp:TextBox>
</td>

<td>
     <input type="button" id="btnSearch" data-field="tbOwnerSearchField" value="Search" />
</td>

我目前使用button元素的data属性来存储文本框ID，如下所示：

data-field="tbOwnerSearchField"

然后我在我的jQuery方法中引用该文本框，如下所示：

var searchField = $(this).data("field");
var searchTerm = $("#" + searchField).val();

对我而言，我的代码似乎令人费解......有没有更好的方法呢？

由于

Answer 1

您可以将文本框和输入放在单个td元素中，如：

<td>
     <asp:TextBox ID="tbOwnerSearchField" Text="Search..." ClientIDMode="Static"  runat="server"></asp:TextBox>
     <input type="button" id="btnSearch" data-field="tbOwnerSearchField" value="Search" />
</td>

而且你能做到：

var TxtValue = $(this).siblings().eq(0).val();