选择HTML的兄弟值

Question

遇到麻烦，请使用jQuery选择我的ListView的兄弟值。这里是我尝试的jQuery语法，但是当我在firebug中写入控制台时进行调试时，它表示一切都未定义，但是当我查看html时，我可以看到它们中的值，所以我知道它们只是不选择它们。它正在被更新按钮的点击事件调用，我需要抓住我更新的行的列表视图中的不同行的兄弟姐妹。

 $('.nbr') 
.click(function){ 
      var newaddr = $(this).siblings('#addr').val(); 
      var originaladdr = $(this).siblings('#addr').attr('data-Value'); 
      var newplace = $(this).siblings('#place').val(); 
      var originalplace = $(this).siblings('#place').attr('data-Value'); 

的ListView：

<asp:ListView runat="server" id="ListView1" > 
     <LayoutTemplate> 
      <table id="tablesorter" style="border:solid 1px black;width:55%;"> 
       <thead> 
        <tr> 
         <th> 
          <a href="#">Addr</a> 
         </th> 
         <th> 
          <a href="#">Place</a> 
         </th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr id="itemPlaceholder" runat="server" /> 
       </tbody> 
       <tfoot> 
       </tfoot> 
      </table> 
     </LayoutTemplate> 
     <ItemTemplate> 
      <tr> 
       <td> 
        <input maxlength="3" size="4" type="text" id="addr" data-Value="" value="<%# Eval("addr")%>" /> 
        <input maxlength="4" size="4" type="text" id="place" data-Value="" value="<%# Eval("place")%>" /> 
       </td> 
       <td> 
        <input type="button" class="nbr" id="btn_update" value="Update" />      
       </td> 
      </tr> 
     </ItemTemplate> 
    </asp:ListView> 

Answer 1

是兄弟姐妹#addr和#place是#addr和#place唯一的东西。他们没有其他的兄弟姐妹。所以你的逻辑有些错误。你想从中选择什么？

此外，由于您似乎正在使用可能会复制多次的模板，因此您将拥有多个具有相同id的元素。改用类。

最后，另一个提示，缓存您的jQuery对象，而不是重新创建相同的。

编辑：根据您的更新，你的问题是，你的按钮nbr是表姐不是同级#addr和#place。你需要做的是从nbr导航到它的父母td，然后从那里到它的兄弟td，然后到它的孩子。

喜欢的东西：

$(this).parent().prev().children("#addr"); 

或多个完整的（你id与class而不是替换后）：

$('.nbr').click(function){ 
    var parent = $(this).parent().prev(); 
    var addrNode = parent.children(".addr").first(); 
    var placeNode = parent.children(".place").first(); 

    var newaddr = addrNode.val(); 
    var originaladdr = addrNode.data('Value'); 
    var newplace = placeNode.val(); 
    var originalplace = placeNode.data('Value'); 
    // whatever you want to do with these values... 
} 

Here's a fiddle to demonstrate