如果已经使用id,如何存储div的标识？

Question

所以我正在使用Tumblr和9GAG上的键盘前后脚本(您可以使用J和K键导航帖子).

我的方法:

用户按下J(下一个)键

Javascript使用JQuery Viewport来查找当前所在的"Jump"-ID:viewport

Javascript为"Jump"-ID添加+1

Javascript获取增加的"跳转"-ID的位置,滚动到那里

现在问题如下:

<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');