How to add a certain value to anchor tag?

﹥>﹥吖頭↗ 提交于 2019-12-18 13:11:12

问题


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?


回答1:


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>



回答2:


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




回答3:


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



回答4:


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

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



回答5:


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



来源:https://stackoverflow.com/questions/9148432/how-to-add-a-certain-value-to-anchor-tag

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!