Acceder al atributo data-id con jQuery

Cuando se trabaja con el complemento jQuery Quicksand, a menudo es necesario recuperar el atributo 'data-id' de los elementos en los que se hizo clic para pasar información a varios servicios web. A continuación se explica cómo obtener eficazmente el valor de este atributo:

Se puede acceder al atributo 'data-id' utilizando el método .attr() en jQuery. La sintaxis es la siguiente:

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

Esta expresión devuelve el valor del atributo 'data-id' como una cadena.

Por ejemplo, si el elemento en el que se hizo clic tiene el siguiente HTML:

El siguiente jQuery código recuperará el atributo 'data-id':

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

Como alternativa, puede utilizar el método .data() para las versiones de jQuery 1.4.3 y superiores. El método .data() devuelve el valor 'data-id' como un tipo nativo de JavaScript (por ejemplo, número, booleano) en lugar de una cadena.

$(this).data("id")

Recuerde, cuando utilice el método .data(), la parte después de 'data-' debe estar en minúsculas. Por ejemplo, 'data-idNum' fallará, mientras que 'data-idnum' tendrá éxito.