jquery - 将数据关联到 jQuery 的 DOM 元素

Question

如果是在前世，我可能会做这样的事情:

<a href="#" onclick="f(311);return false;">Click</a><br/>
<a href="#" onclick="f(412);return false;">Click</a><br/>
<a href="#" onclick="f(583);return false;">Click</a><br/>
<a href="#" onclick="f(624);return false;">Click</a><br/>

现在使用 jQuery，我可能会做这样的事情:

<a class="clicker" alt="311">Click</a><br/>
<a class="clicker" alt="412">Click</a><br/>
<a class="clicker" alt="583">Click</a><br/>
<a class="clicker" alt="624">Click</a><br/>

<script language="javascript" type="text/javascript">
    $(".clicker").bind("click", function(e) {
        e.preventDefault();
        f($(this).attr("alt"));
    });
</script>

除了使用 alt 属性将数据从 DOM 传递到 jQuery 感觉像是一种 hack，因为这不是它的预期目的。在 DOM 中存储/隐藏数据以供 jQuery 访问的最佳实践是什么？

Answer 1

您可以使用“clicker-123”之类的 id 属性，然后解析出该数字。我通常这样做或使用“rel”属性。

因此，从本质上讲，据我所知，没有更好的方法可以做到这一点。我希望这个帖子能证明我错了。