如何给锚标签添加一定的值？

发布于 2025-01-02 14:05:24 字数 266 浏览 0 评论 0原文

我有以下代码

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

，我想向锚标记添加值属性。怎么做呢？

原文

I have the following code

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

And i want to add a value attribute to an anchor tag. How to do it?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

杯别 2025-01-09 14:05:24

如果要为某个值添加随机属性，可以使用数据属性：

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

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

If you want to add a random attribute for a value, you can use data attributes:

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

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

回复收藏 0 原文

好久不见√ 2025-01-09 14:05:24

如果您使用 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更合适

If you are using HTML5 you can use the data- technique.

<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.
});

EDIT

Usage of .data instead of .attr is more appropriate

回复收藏 0 原文

烙印 2025-01-09 14:05:24

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

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

you can use custom data attributes see this .

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

then access it using data() function.

Or instead of using json you can put it as an attribute :

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

then get it using :

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

回复收藏 0 原文

梦幻的味道 2025-01-09 14:05:24

点击

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

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

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

回复收藏 0 原文

魂归处 2025-01-09 14:05:24

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
});

data-value is a good attribute. but..
You can also add a " rel " attribute to your anchor tag.
it describes the relation to the document where the link points to. And you can also use it to store a value.

Like This -

$("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
});

回复收藏 0 原文

~没有更多了~