How do I get certain values of a HTML attribute in Javascript?

Question

I would like to take the value of an attribute, process it and then replace a PHP variable with the value we receive at the end.

The data attribute is data-id, all I need assistance with is getting the value of data-id into Javascript on a click event, the rest I can do.

An example:

Person clicks an tag with the data-id set as, say, 7. I'd then need to extract that 7 from the HTML code and into a Javascript variable so I can work with said value.

I hope this is clear enough

try this $(selector).data('id')

Kai
– Kai

2014-10-11 17:40:58 +00:00
Commented Oct 11, 2014 at 17:40 — Kai
– Kai, Commented Oct 11, 2014 at 17:40

Divakar Gujjala · Accepted Answer · 2014-10-11 17:49:23Z

2

This will do the trick.

$(selector).click(function(){
    var dataAttrId = $(this).attr('data-id');
    // Your code goes here...
});

answered Oct 11, 2014 at 17:49

Divakar Gujjala

8031 gold badge8 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paradoxis · Accepted Answer · 2014-10-11 17:45:17Z

1

Try this

$('#someelement').click(function(){
    $(this).data('id');
});

answered Oct 11, 2014 at 17:45

Paradoxis

4,7289 gold badges39 silver badges68 bronze badges

Comments

Harutyun Abgaryan · Accepted Answer · 2014-10-11 17:45:06Z

0

Use this

jQuery('your id or class or element').click(function(){
    var mainData= jQuery('your id or class or element').attr('data-id');
alert(mainData);
});

answered Oct 11, 2014 at 17:45

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

Collectives™ on Stack Overflow

How do I get certain values of a HTML attribute in Javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related