如何为锚标签添加某个值？

Posted 2023-05-08

【中文标题】如何为锚标签添加某个值？

【英文标题】：How to add a certain value to anchor tag?

【发布时间】：2012-02-27 05:43:31

【问题描述】：

我有以下代码

<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>

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

【参考方案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>

【参考方案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 更合适

【讨论】：

@gdoron 我正要提到这一点，但后来我浏览了一下 jQuery 的文档，他们说.attr("data-custom-value") 没有问题，.data() 只有在你也会被鼓励时才会被鼓励为它设置值。

【参考方案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")

【参考方案4】：

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

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

【参考方案5】：

data-value 是一个很好的属性。但.. 您还可以在锚标记中添加“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
);

【讨论】：

如何设置rel in 的值？？？如果我有这样的东西，请在下面。函数（值） return Export