Как добавить определенное значение для привязки тега?

У меня есть следующий код

<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 в тег привязки. Как это сделать?

Ответы

Ответ 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 более подходит

Ответ 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
});