以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
var myArray = ["item1", "item2", "item3", "item4"];
.each()
方法遍历数组,并在每个项中添加类:$.each(myArray, function(index, value) {
$(value).addClass("myClass");
});
这将为每个数组项添加名为"myClass"的类。
.prev()
方法在下一次迭代中从上一项中删除类:$.each(myArray, function(index, value) {
$(value).addClass("myClass").prev().removeClass("myClass");
});
这将在每个数组项中添加名为"myClass"的类,并从上一项中删除该类。
完整的示例代码如下:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<style>
.myClass {
color: red;
}
</style>
</head>
<body>
<div>item1</div>
<div>item2</div>
<div>item3</div>
<div>item4</div>
<script>
var myArray = ["div:nth-child(1)", "div:nth-child(2)", "div:nth-child(3)", "div:nth-child(4)"];
$.each(myArray, function(index, value) {
$(value).addClass("myClass").prev().removeClass("myClass");
});
</script>
</body>
</html>
这个例子中,我们使用了div:nth-child()
选择器来选择每个数组项对应的元素,并在每个元素中添加名为"myClass"的类。然后,使用.prev()
方法选择上一个兄弟元素,并从上一个兄弟元素中删除"myClass"类。
这个方法适用于任何需要在数组项之间切换类的情况,例如轮播图、导航菜单等。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云