Add data attribute to element and dynamically add value from class name

Question

I want to add a data-attribute to an element and dynamically give it the same value as the class name.

I have used this script to do the same from an elements´string - but I want to pass the value from the class name instead, and not sure how to do that.

Script:

$('.newgroup').attr('data-price', function() {
var text = $(this).text();
return parseInt(text, 10); 
});

HTML

<div class="newgroup">/div>

Should looks like this:

<div class="newgroup" data-price="newgroup">>/div>

same value as the class name? so why parsing the text of it. — Jai
– Jai, Commented May 12, 2016 at 6:43
demo only if only class exists demo1 if you have other class you can play inside function to target which class you want — guradio
– guradio, Commented May 12, 2016 at 6:44
$(".newgroup").attr("data-price", "newgroup") I think this will be enough for you. — Rajaprabhu Aravindasamy
– Rajaprabhu Aravindasamy, Commented May 12, 2016 at 6:45
just use... return this.className; .. jsfiddle.net/mohamedyousef1980/A6BXk/54 — Mohamed-Yousef
– Mohamed-Yousef, Commented May 12, 2016 at 6:54

Nikhil Batra · Accepted Answer · 2016-05-12 06:53:21Z

2

Simply write the following:

$(".newgroup").attr("data-price", $('.newgroup').attr('class'));

.attr sets the attribute value and .attr('class') returns the classname

See the plunkr

As you can see in the screenshot, the attribute is added:

edited May 12, 2016 at 6:53

answered May 12, 2016 at 6:51

Nikhil Batra

3,14816 silver badges20 bronze badges

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

Comments

Shashank · Accepted Answer · 2016-05-12 06:59:49Z

2

You can make use of the following to assign the attribute, the value as the class-name:

$('.newgroup').attr('data-price', function() {
    return $(this).attr('class');
});

Refer to the demo.

answered May 12, 2016 at 6:59

Shashank

2,1002 gold badges21 silver badges40 bronze badges

Collectives™ on Stack Overflow

Add data attribute to element and dynamically add value from class name

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related