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

我在同一个表中有以下控件

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

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

data-field="tbOwnerSearchField"

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

对我来说，我的代码似乎很复杂……有更好的方法吗

---

谢谢

您可以将文本框和输入放在单个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>

---

我觉得不错。我不认为这很复杂，你是在html中保存控件的工作方式，然后在javascript中构建它们。我是这个设计的粉丝。我最关心的是：“#”+searchField…在我看来很糟糕，但我不知道如何避开它。我知道你在说什么。不必对第二个dom元素执行jquery查找，就可以强绑定控件。我不认为这是一个答案，但如果您对所有相关元素（本例中的按钮和文本）执行数据链接='searchowner'，该怎么办。然后在按钮上添加另一个元素数据action='search'。运行脚本onload会将所有数据链接属性分组在一起，并将action元素绑定到该组。现在您将了解每个控件之间的关系。听起来更复杂：）我唯一担心的是当你忘了包装你的大便！东西坏了

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