Как обратиться к data-параметру jQuery?

Question

[Иван Сергеевич]

У элемента есть несколько data-параметров, как ко всем обратиться?
Они имеют вид: data-person-*="blablabla"

Answer 1

[Евгений Петров]

data-id="345"

.data('id')
.data().id
.get(0).dataset.id

То есть для цикла по всем data-атрибутам нужно или data() в jQuery, или просто dataset в нативном JS.

Answer 2

[lnked]

var person = $('#element').data('person');

Answer 3

[Денис Инешин]

К нативному так: $.data(element, name);

Давайте рассмотрим немного подробностей:
1. Вот здесь сказано почему $.data(elem, key, value) лучше: https://github.com/shichuan/javascript-patterns/bl...
2. А тут я сделал тест скорости, по нему видно что $.data в несколько раз быстрее работает чем $(elem).data: jsfiddle.net/6426q/10

Comments

[Евгений Петров]

Как jQuery может быть нативным?)

[Денис Инешин]

@Petroveg к нативному хранилищу data

[Евгений Петров]

Нативное хранилище называется dataset.
И вот его быстродейтсиве (3-я кнопка) jsfiddle.net/petroveg/v64m8gj3

[Денис Инешин]

@Petroveg $.data - это и есть jQuery обертка над dataset. Ваш третий способ чуть быстрее, так как вы делаете его на чистом JS без использования jQuery.

[Евгений Петров]

@IonDen так нет ничего ненативного, чем оперирует jQuery, равно как и любая библиотека. Всё, что нам доступно через их API, и есть нативный JS. Но называть этот API нативным?)