的jQuery尋找元素旁邊另一

Question

嗨，我有以下的html：

<p> 
    <input type="text" name="field1"/> <input type="hidden" name="fieldh1"/> 
    <button type="button" class="sendInfo">Send</button> 
</p> 
<p> 
    <input type="text" name="field2" /> <input type="hidden" name="fieldh2"/> 
    <button type="button" class="sendInfo">Send</button> 
</p> 

我要的是，當用戶點擊該按鈕，我需要使用Ajax場字段的內容發送。

這就是我想要做的沒有成功。

$(function() { 
     $('button.sendInfo').live('click', function() { 
      var id = $(this).parent().next('[type=text]').val(); 
      alert(id); 
     }); 
    }); 

我打算設置從AJAX調用到正常的文本框收到什麼文本框的用戶類型的隱藏字段和值。但問題是，我甚至無法獲得與用戶點擊的按鈕位於同一行的文本框的值。 任何人都可以幫助我嗎？ 非常感謝。

Answer 1

嘗試：

$(this).siblings('input:text').val(); 

或更改next到find：

$(this).parent().find('[type=text]').val(); 

爲next只搜索立即以下同級。

Answer 2

我可以使用jQuery.next()函數。

Answer 3

你可以使用ID選擇你的文本框？

$(function() { 
    $('button.sendInfo').live('click', function() { 
     //what about this: 
     var id = $('#textBoxID').val(); 
     alert(id); 
     //or this 
     var id2 = $('+ input', this).val(); 
     alert(id2); 
    }); 
}); 

Answer 4

你的問題是，「下一個（）」將父的下一個兄弟 - 和家長是<p>標籤，所以兄弟姐妹，如果存在的話，是以下<p>標籤。

你想要$(this).parent().children('[type=text]').val()或$(this).parent().find('[type=text]')