javascript - 当 id 已被使用时，如何存储 div 的标识？

Question

所以我正在研究键盘前进和后退脚本，就像他们在 Tumblr 和 9GAG 上使用的那样(您可以使用 J 和 K 键浏览帖子)。

我的方法:

User presses J (next) key

Javascript uses JQuery Viewport to find out which "Jump"-ID is currently in:viewport

Javascript adds +1 to the "Jump"-ID

Javascript gets the position of the increased "Jump"-ID, scrolls there

现在的问题是:

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

我已经定义了 div 的 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');