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 · Answer

Change IDs and data attributes as you wish!

  <select id="selectVehicle">
       <option value="1" data-year="2011">Mazda</option>
       <option value="2" data-year="2015">Honda</option>
       <option value="3" data-year="2008">Mercedes</option>
       <option value="4" data-year="2005">Toyota</option>
  </select>

$("#selectVehicle").change(function () {
     alert($(this).find(':selected').data("year"));
});

Here is the working example: https://jsfiddle.net/ed5axgvk/1/

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

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

[javascript] jQuery: get data attribute

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to custom-data-attribute