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

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

11 голосов
/ 05 февраля 2012

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

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

И я хочу добавить атрибут значения к тегу привязки. Как это сделать?

Ответы [ 5 ]

26 голосов
/ 05 февраля 2012

Если вы хотите добавить случайный атрибут для значения, вы можете использовать атрибуты данных: 

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

<script type="text/javascript">
$("a").click(function(){
    i=$(this).data("value");
    $('#square').animate({'left': i * 360});
});
</script>
10 голосов
/ 05 февраля 2012

Если вы используете 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 являетсяболее уместно

1 голос
/ 05 февраля 2012

вы можете использовать пользовательские атрибуты данных, см. 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")
0 голосов
/ 16 июля 2019

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
});
0 голосов
/ 14 мая 2016

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

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