存储JQuery变量的最佳方法是什么？

Question

我只是想知道存储变量以供JQuery使用.

例

这里JQuery会使用video_id隐藏输入的值,然后voteup是视频video_id.

 <form class='voteup' action='' method='post'>
   <input type="hidden" name='video_id' value='<?php echo $video_id; ?>' />
   <input type='submit' value='Vote Up' />
 </form>

注意:这只是一个例子.

但是如果我想要一个链接来做同样的事情呢？我在哪里存放video_id？

很显然,我可以存储video_id在class属性,但我不认为这是最好的方式,尤其是当我需要发送多个变量.

有什么想法吗？

我必须提一下,我只是在寻找XHTML的有效方法.

Answer 1

您可以使用jQuery data方法将任意数据附加到元素.在你的情况下,如果我已经理解你正在尝试做什么,你可能想要做这样的事情:

$(document).ready(function() {
    $("#yourLink").data("video_id", "<?php echo $video_id; ?>");
});

在寻找有效的XHTML解决方案时,您无法使用HTML5 data-*属性.如果是这种情况,您可以直接在元素上添加属性值(就像您value在示例中使用属性一样).

该data方法不需要data-*在元素上存在相应的属性,因此这仍然允许您编写有效的XHTML.