我有75个div与多个产品,我需要随机产品显示随机徽章。用javascript/jquery将随机css类添加到随机元素
这是HTML,其中显示徽章:
<div class="badge"> </div>
这是我的脚本是添加随机类所有元素与一流的徽章,我想随机类添加到随机产品。
var classes = ['lastBadge', 'offerBadge', 'stockBadge'];
var prevClass = "";
$('.badge').each(function() {
var classes2 = [];
for (var i = 0; i < classes.length; i++) {
if (classes[i] !== prevClass) {
classes2.push(classes[i]);
}
}
$(this).addClass(prevClass =classes2[Math.floor(Math.random()*classes2.length)]);
console.log(prevClass);
});
将脚本移动到div后面s被加载,或者使用'ready'状态,因为div在功能运行时没有被加载,所以在预览上没有任何工作:) – Narxx
@Narxx它适用于我... Stackoverflow总是将脚本放入片段* * HTML之后。 –
你是对的。我已经阻止jQuery没有注意到。为您的解决方案获取+1。 – Narxx