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>

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

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更合适

Answer 3

您可以使用自定义数据属性，请参阅this。

<a href="#" data-json="{ 'myValue':'1'}">Click</a> //you can even pass multiple values there.

然后使用data（）函数访问它。

或者不是使用json，而是将其作为属性：

<a href="link"  myvalue="1"">

然后使用：

$("#link").data("myvalue")

Answer 4

<a href="#" data-value="IE" id="click">Click</a>

    ` $("#click").click(function(event){console.log($(this).data("value"));});`

Answer 5

数据值是一个很好的属性。但.. 您还可以在锚标记中添加“ rel”属性。它描述了链接指向的文档的关系。您还可以使用它来存储值。

喜欢这个-

$("a").click(function(){
 var page = $(this).attr('rel'); // save the attribute value here

 sessionStorage.setItem("text",page);

/*save it in session storage if you want to send (or retrieve) this value to another page. 
if not then use it easily without saving it in session storage*/

 //Use it here 

 return false; // to stop the redirection if <a> contains a link
});

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

5 个答案: