javascript - 在 jquery 中使用 next 和 prev()

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 的值。我怎样才能在一个类(class)中使用下一个和上一个？

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() .