如何在jQuery中获取下一个或上一个属性id？

Question

我有以下代码

<a class="getty" id="1" href="/...">One<./a>
<a class="getty" id="2" href="/...">Two<./a> 
<a class="getty" id="3" href="/...">Three<./a>

当我点击左或右时，我需要获取之前的ID 示例：如果我在id="2"，如果我点击左侧，我需要id="1"。

$(document).keydown(function(e){
    if (e.keyCode == 37) {
       $('.getty').attr("id");
       return false;
    } });
    if (e.keyCode == 33) {
       $('.getty').attr("id");
       return false;
    } 
});

我该怎么做？

由于

Answer 1

单击链接时获取上一个ID。

$('.getty').click(function(e) {
    e.preventDefault();
    var x = $(this).prev().attr('id');
    alert(x);

});

您可以使用next()功能

为下一步做同样的事情

检查http://jsfiddle.net/H3hdy/

处的工作示例

Answer 2

您可以使用jQuery的next函数来获取下一个兄弟，并使用prev来获取上一个兄弟。

Answer 3

正如GregInYEG所提到的，你需要jQuery next函数，但由于你使用了绑定到文档的键，你还需要一种方法来跟踪哪一个是当前的。