通过使用html自定义属性值为html元素添加类名

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

本文关键字:html 元素 添加 自定义属性      更新时间:2023-09-26

我有一些自定义属性的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>

在我的整个网站

任何想法?

使用jQuery可以做以下事情:

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

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


参考:

最好选择用addClass()替代

attr ()

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

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