如何为锚标签添加特定值？

Question

我有以下代码

<a href="" (set value 1)>Inside Link which sets a value</a>

<script>
$(a).click(function() {
    i=value of a tag;
    $('#square').animate({'left': i * 360});
});

</script>

我想为锚标签添加一个值属性.怎么做？

Answer 1

如果要为值添加随机属性,可以使用数据属性:

<a href="#" data-value="1">Text</a>

<script type="text/javascript">
$("a").click(function(){
    i=$(this).data("value");
    $('#square').animate({'left': i * 360});
});
</script>

Answer 2

如果您使用的是HTML5,则可以使用该data-技术.

<a id="target" href="http://foo.bar" data-custom-value="1">Text</a>

$("#target").click(function() {
    var value = $(this).data("custom-value");
    // do other stuff.
});

编辑

使用.data而不是.attr更合适