Question

185

get value of an attribute of the clicked element

rated 0 times [ 187] [ 2] / answers: 1 / hits: 60406 / 14 Years ago, sat, march 5, 2011, 12:00:00

<ul id='langs'>

   <li data-val='en'>english</li>

   <li data-val='fr'>francais</li>

   <li data-val='it'>italiano</li>

</ul>

when the user clicks on any of these <li> I want to alert() it's data-val attribute value

anybody knows how?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leannjaidynd

Add To Favorites

Follow

Total Points: 111

Total Questions: 100

Total Answers: 94

Location: Slovenia

Member since Wed, Apr 6, 2022

2 Years ago

leannjaidynd questions

1 Mock sequelize with Jest and sequelize-mock

Thu, Mar 18, 21, 00:00, 3 Years ago

1 React cannot destructure property

Sun, Jul 26, 20, 00:00, 4 Years ago

1 How to detect keydown anywhere on page in a React app?

Mon, May 11, 20, 00:00, 4 Years ago

1 Passing path parameter to a React context provider

Tue, Feb 4, 20, 00:00, 4 Years ago

1 Firebase messaging importScripts is not defined

Mon, Sep 16, 19, 00:00, 5 Years ago

View All

answered 14 Years ago farrahsavannahl · Accepted Answer

Original answer - 2011

$('li').click(function () {

    alert($(this).data('val'));

});

See DEMO.

Update - 2017

Keep in mind that if you want to use the ES6 arrow function syntax, you cannot use this and you need to use e.currentTarget instead, where e is the event object passed as the first parameter to the event handler:

$('li').click(e => alert($(e.currentTarget).data('val')));

See DEMO.