使用jquery选择asp.net相邻文本框

时间:2010-12-18 04:55:30

标签: jquery asp.net-ajax

我想选择一个相邻的asp.net文本框,它使用css类属性在表格单元格内。

html如下:

<td colspan="">
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
          ControlToValidate="txt_zipcode" SetFocusOnError="true"  
          ErrorMessage="Zip Code" Display="None" ></asp:RequiredFieldValidator>
    <asp:TextBox CssClass="txtbox zipcode" Width="40px" ID="txt_zipcode" 
          runat="server" MaxLength="5"></asp:TextBox>&nbsp;
</td>
<td class="txtcaption" align="right">
    City:
</td>  
<td>
   <asp:TextBox ID="txt_city" CssClass="txtbox city" MaxLength="30" Width="120px"
          runat="server" Text=""></asp:TextBox>
</td>

jquery代码如下:

 $(document).ready(function () {
    $('.zipcode').next('input:text').hasClass('city');
});

以上代码始终返回false值。我正在尝试选择位于邮政编码文本框下方的城市文本框。你有解决这个问题的方法吗?

1 个答案:

答案 0 :(得分:1)

接下来将在兄弟姐妹中搜索,下一个输入元素在下一个表格单元格中,而不是兄弟姐妹。试试这个:

$(document).ready(function () {
    alert($('.zipcode').parent().siblings().find('input:text').hasClass("city"))
});