Как получить следующий или предыдущий атрибут id в jQuery?

у меня есть следующий код 

<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="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;
    } 
});

как я могу это сделать ?

спасибо

6
ajax attributes javascript jquery jquery-attributes

3 ответов

получить ID при нажатии на ссылку. 

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

});

вы можете сделать то же самое для next, используя next() функции

Проверьте рабочий пример в http://jsfiddle.net/H3hdy/

9

вы можете использовать jQuery далее функция, чтобы получить следующий брат, и prev чтобы получить предыдущего брата.

1

как упоминал Грегинег, вам нужна функция jQuery next, но поскольку вы используете ключи, привязанные к документу, вам также понадобится способ отслеживать, какой из них является текущим.

1