jquery - 在jquery中更改类名

标签 jquery css asp.net

我正在制作一个网站,我将菜单作为 ascx 中的组件。

我想将我的类(class)名称更改为其他名称;

这是我的代码:

<div id="mainMenu" style="float: left;">
    <ul class="level1 static">
        <li class="menu" style="position: relative;">test </li>
        <li class="menu" style="position: relative;">test </li>
        <li class="menu" style="position: relative;">test </li>
        <li class="menu" style="position: relative;">test </li>
    </ul>
</div>

对于其中一个页面,我想在菜单里加入自己的风格。 所以我希望所有类(class)都更改为:

class="apple" 
class="grape" 
class="bannana"
class="orange" 

我将如何在 jquery 中执行此操作

<script type="text/javascript">
    // ?
</script>

最佳答案

如果您想更改整个类名属性,您可以使用attr 方法,如果您想要添加类,您可以使用addClass 方法。这两种方法都接受为每个选定元素执行的回调函数,您可以使用数组和回调的第一个参数来修改 class 属性:

var cls = ["apple", "grape", "bannana", "orange"];

$(document).ready(function() {
    $('#mainMenu .level1 > li').addClass(function(i) {
        return cls[i];
    }); 
});

关于jquery - 在jquery中更改类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23956234/

相关文章:

asp.net - Azure 云服务的自定义域

javascript - AngularJS 缩小的 js 文件不起作用

c# - 将图像从数据库绑定(bind)到 GridView 而不使用处理程序或 httphandler

c# - asp.net 回发超时

javascript - 根据子项的部分名称 id 隐藏父级 div

html - 在 html 电子邮件中显示水平规则的背景颜色

html - 使用 :before in input field

jquery - CSS目录链接问题

javascript - 如何使用javascript保存背景颜色?

javascript - $(document).ready 返回 View 时不触发