使用html自定义属性值将类名添加到html元素

Question

我有一些带有自定义属性的html元素

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

我想知道是否有一种方法（js会很好）将自定义属性“menuitemname”的值添加到我的元素类中。像这样的东西

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

在我的整个网站上

任何想法??

Answer 1

使用jQuery，您可以执行以下操作：

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

这将使用addClass()的回调函数添加属性menuitemname的值

<强> Example

参考：

addClass()

attr()

Answer 2

演示：http://jsfiddle.net/JmHpC/106/

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