jQuery get data attribute

Question

In my html I have a span element    lt span class  field  data-fullText  This is a span element  gt This is a lt  span gt    And I want to get the data-fullText attribute  I tried these two ways  but they didn t work  the both return undefined        field   hover function          console log  using prop          this  prop  data-fullText         console log  using data          this  data  fullText           Then I searched and found these questions  How to get the data-id attribute  and jquery can  39 t get data attribute value  The both s answers are  Use  attr  data-sth   or  data  sth     I know that  attr   is deprecated  in jquery-1 11 0  which I use   but  however  I tried it  And it workded   Can someone explain why

User · Accepted Answer

You could use the  attr   function     this  attr  data-fullText     or if you lowercase the attribute name   data-fulltext  This is a span element    then you could use the  data   function     this  data  fulltext     The  data   function expects and works only with lowercase attribute names

User · Answer

This is what I came up with    x000D   x000D      document  ready function    x000D     x000D        fc-event   each function    x000D     x000D     console log this attributes  data   nodeValue   x000D        x000D       x000D          x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 10 2 jquery min js  gt  lt  script gt  x000D   lt div id  external-events  gt  x000D      lt h4 gt Booking lt  h4 gt  x000D      lt div class  fc-event  data  00 30 00   gt 30 Mins lt  div gt  x000D      lt div class  fc-event  data  00 45 00   gt 45 Mins lt  div gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

This works for me      someclass   click function          varName     this  data  fulltext        console log  varName

User · Answer

1  Try this   attr          field   hover function          var value   this  attr  data-fullText        this  html value         DEMO 1  http   jsfiddle net hsakapandit Jn4V3   2  Try this   data        field   hover function          var value   this  data  fulltext        this  html value         DEMO 2  http   jsfiddle net hsakapandit Jn4V3 1

User · Answer

Change IDs and data attributes as you wish        lt select id  selectVehicle  gt          lt option value  1  data-year  2011  gt Mazda lt  option gt          lt option value  2  data-year  2015  gt Honda lt  option gt          lt option value  3  data-year  2008  gt Mercedes lt  option gt          lt option value  4  data-year  2005  gt Toyota lt  option gt     lt  select gt       selectVehicle   change function           alert   this  find   selected   data  year           Here is the working example  https   jsfiddle net ed5axgvk 1

[javascript] jQuery: get data attribute

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to custom-data-attribute