jQuery - 获取相邻元素

Question

我需要获取相邻元素的值。

HTML 如下：

<div>
    <input type='hidden' value='12345'>
    <div id='click-this'>Click me</div>
</div>

我怎样才能通过点击"click-this"div来获取"12345"？

$('#click-this').click(function() {
    /* 
     * Get siblings element's: 
     * at this context, input tag element with value 12345 
     *
     */  

})

- Qiao

Answer 1

你可以用多种方法来实现这个问题，但是单词"neighborhood"表明你可以使用siblings（兄弟姐妹）函数： siblings。

$('#click-this').siblings('input').val();

- John McCollum

Answer 2

我没有测试过，但可以尝试以下方法：（基于jQuery 1.4.2文档）

$('#click-this').click(function() {
   alert($(this).prev().val());
});

- 7wp

Answer 3

还有几种方法：

$('#click-this').click(function() {
    var value = $(this).parent().children().eq(0).attr('value'); 
                      or
    var value = $(this).parent().children().eq(0).val(); 
});

- Pawan Mishra