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