我正在制作一个网站,我将菜单作为 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/