Как сохранить идентификатор div, когда идентификатор уже используется?

Question

Итак, я работаю над клавиатурой, как на Tumblr, так и на 9GAG (вы можете перемещаться по сообщениям с помощью клавиш J и K).

Мой подход:

Пользователь нажимает J (следующий) ключ

Javascript использует JQuery Viewport, чтобы выяснить, какие "Jump" -ID в настоящее время: видовом

Javascript добавляет +1 на "Jump" -ID

Javascript получает положение увеличенной "Джамп" -id, прокручивается там

Теперь проблема заключается в следующем:

<div class="content jump" id="<?php echo $id; ?>"> 

Я уже определил идентификатор дел. Так это выглядит следующим образом:

<div class="content jump" id="1225"> 
<div class="content jump" id="1299"> 
<div class="content jump" id="1206"> 
<div class="content jump" id="1345"> 

Однако для того, чтобы иметь возможность прыгать в правильном порядке, я как-то нужно хранить дополнительную идентификацию, может быть, как это ...

<div class="content jump" id="1225" jump="1"> 
<div class="content jump" id="1299" jump="2"> 
<div class="content jump" id="1206" jump="3"> 
<div class="content jump" id="1345" jump="4"> 

Это просто мое воображение. Должен быть способ обойти это. Если у вас есть лучшее решение проблемы J/K, вы также можете сказать мне (возможно, у Tumblr или 9GAG есть намного лучший?)

Answer 1

Вы можете использовать атрибуты data-. Например:

<div class="content jump" id="1225" data-jump="1"> 

Вы можете получать эти данные с помощью

$('#1225').data('jump'); 

Answer 2

Вы можете применить произвольное число классов для данного объекта. Таким образом, просто меняя первый тег на что-то вроде:

<div class="content jump jump-1" id="1225"> 

Должен дать вам необходимый крючок. И это действительно проверяет. :)