Add class name to a html element by using html custom attribute value

Question

I have some html elements with custom attributes

<div menuitemname="my-media" class="panel panel-default">
//some code here
</div>

i wonder if there is a way (js will be nice) to add the value, of custom attribute "menuitemname", to my element class. something like this

<div menuitemname="my-media" class="panel panel-default my-media">
//some code here
</div>

on my entire site

Any idea??

empiric · Accepted Answer · 2016-11-10 15:01:01Z

1

Using jQuery you can do the following:

$('.panel').addClass(function(){
    return $(this).attr('menuitemname');
});

This will use the callback-function of addClass() to add the value of the attribute menuitemname

Reference:

answered Nov 10, 2016 at 15:01

empiric

7,8767 gold badges40 silver badges51 bronze badges

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

Comments

ItzMe_Ezhil · Accepted Answer · 2016-11-10 15:05:19Z

0

    $('[menuitemname="my-media"]').addClass('my-media');

answered Nov 10, 2016 at 14:58

ItzMe_Ezhil

1,4562 gold badges12 silver badges22 bronze badges