的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]')