How Can I Retrieve a Data-id Attribute from a Clicked Item Using jQuery's Quicksand Plugin?

Retrieving the data-id attribute

Question:

When utilizing jQuery's Quicksand plugin, how can I access the data-id attribute of a clicked item and pass it to another web service? Specifically, how do I retrieve the data-id value using the .on() method for dynamically bound click events on sorted elements?

Answer:

To obtain the data-id attribute value, you can employ the following approaches:

1. Using attr():

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

2. Using data() (for jQuery >= 1.4.3):

alert($(this).data("id"));

Note:

• Data attributes should use lowercase names, for example, data-idnum instead of data-idNum.
• For the .attr() method, the attribute name should be enclosed in double quotes, while for .data(), it should not.

The above is the detailed content of How Can I Retrieve a Data-id Attribute from a Clicked Item Using jQuery's Quicksand Plugin?. For more information, please follow other related articles on the PHP Chinese website!