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只搜索紧接着的兄弟姐妹.