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