jquery - 获取同一张表中最近的文本框

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>

我目前使用按钮元素的数据属性来存储文本框 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();