Доступ к атрибуту data-id с помощью jQuery

При работе с плагином jQuery Quicksand часто необходимо получить атрибут data-id элементов, по которым щелкнули, чтобы передавать информацию различным веб-сервисам. Вот как эффективно получить значение этого атрибута:

Доступ к атрибуту data-id можно получить с помощью метода .attr() в jQuery. Синтаксис следующий:

$(this).attr("data-id")

Это выражение возвращает значение атрибута data-id в виде строки.

Например, если выбранный элемент имеет следующий HTML-код:

Следующее Код jQuery получит атрибут data-id:

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

В качестве альтернативы вы можете использовать метод .data() для версий jQuery 1.4.3 и выше. Метод .data() возвращает значение data-id как собственный тип JavaScript (например, число, логическое значение), а не строку.

$(this).data("id")

Помните, что при использовании метода .data() часть после «data-» должна быть в нижнем регистре. Например, «data-idNum» завершится неудачей, а «data-idNum» — успешно.