使用next和prev（）在jquery

Question

<label for="a1">First:</label> 
<input id="a1" class="first" type="text" name="a1" value="123"> 
<label for="b1">Second:</label> 
<input id="b1" class="second" type="text" name="b1"> <br /> 
<label for="a2">First:</label> 
<input id="a2" class="first" type="text" name="a2"value="3424"> 
<label for="b2">Second:</label> 
<input id="b2" class="second" type="text" name="b2"> <br /> 
<label for="a3">First:</label> 
<input id="a3" class="first" type="text" name="a3"value="1235"> 
<label for="b3">Second:</label> 
<input id="b3" class="second" type="text" name="b3"> <br /> 

$('.second').click(function(){ 
    var get_first = // ??? 
    $(this).val(get_first); 
}) 

我想舉個例子 - 如果我點擊輸入b3然後在這個值現在是從a3的值。我怎樣才能使它與下一個和prev在一個類？

http://jsfiddle.net/Bgkrz/

Answer 1

我不知道我能想到的理由這樣做，但假設我正確理解你的要求，那麼這應該工作（目前未經測試）：

$('input:text').focus(
    function(){ 
     var that = $(this); 
     that.val(that.prevAll('input:text:first').val()); 
    }); 

JS Fiddle demo。

參考文獻：

• :first selector。
• prevAll()。
• :text selector。
• val()。

Answer 2

你可以嘗試這樣的JsFiddleDemo

$('.second').click(function(){ 
    var get_first = $(this).prev().prev().val(); 
    $(this).val(get_first); 
}) 

Answer 3

入住這Fiddle

使用jQuery.prevAll()它會返回以相反的順序排列，你可以找到在這裏從零開始的索引的元素。