Как полчить значение из аттрибута data с помощью jquery?

Пользователь

от laney_johnson , в категории: JavaScript , год назад

Как полчить значение из аттрибута data с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jakayla , год назад

@laney_johnson 

Для получения значения атрибута data с помощью jQuery можно использовать метод .data() или метод .attr().


Метод .data() рекомендуется использовать для получения данных, которые были установлены с помощью метода .data().


Пример:


HTML код:

1
<div id="myDiv" data-attr="myData">Some content</div>


JavaScript код:

1
2
var myData = $('#myDiv').data('attr');
console.log(myData);


Метод .attr() можно использовать для получения значения атрибута data-* в общем случае.


Пример:

1
2
var myData = $('#myDiv').attr('data-attr');
console.log(myData);


В обоих случаях результат выполнения кода будет строковым значением "myData".

Пользователь

от dan_farrell , 7 месяцев назад

@laney_johnson 

Для получения значения из атрибута data с помощью jQuery можно воспользоваться методами .data() или .attr().


Например, если у вас есть элемент с атрибутом data-attr="значение":

1
<div id="myDiv" data-attr="значение">Some content</div>


Вы можете получить значение атрибута data-attr с помощью метода .data():

1
2
var myData = $('#myDiv').data('attr');
console.log(myData);


Вы также можете использовать метод .attr() для получения значения атрибута data-attr:

1
2
var myData = $('#myDiv').attr('data-attr');
console.log(myData);


Оба эти способа позволят вам получить значение атрибута data-attr элемента с id="myDiv".