Jquery 对指定的每个元素应用相同的随机类
我一直在使用这里提供的答案: 但是,我希望它从列出的类中选择,然后将随机选择的类应用于三个项目Jquery 对指定的每个元素应用相同的随机类,jquery,css,Jquery,Css,我一直在使用这里提供的答案: 但是,我希望它从列出的类中选择,然后将随机选择的类应用于三个项目 $(document).ready(function() { var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"]; $(".instructorDetails h3, .instructorDetail
$(document).ready(function() {
var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"];
$(".instructorDetails h3, .instructorDetails h4, .instructorDetails h5").each(function(){
$(this).addClass(classes[Math.floor(Math.random()*classes.length)]);
});
});
上面的代码选择一个随机类,但对每个项应用不同的类,而不是对所有三个项应用相同的类
我需要h3,h4和h5都有相同的颜色-随机选择
感谢您的帮助。如果您在
中创建随机数,则每个都会为每个元素生成一个新的随机数。你应该像这样做
$(document).ready(function() {
var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"],
randNum = Math.floor(Math.random()*classes.length);
$(".instructorDetails h3, .instructorDetails h4, .instructorDetails h5").each(function(){
$(this).addClass(classes[randNum]);
});
});
如果在中创建随机数,则每个将为每个元素生成一个新的随机数。你应该像这样做
$(document).ready(function() {
var classes = ["c4kdarkerBlue", "c4korange", "c4kyellow", "c4kyellow", "c4kpink", "c4kpurple", "c4kgreen", "c4kred"],
randNum = Math.floor(Math.random()*classes.length);
$(".instructorDetails h3, .instructorDetails h4, .instructorDetails h5").each(function(){
$(this).addClass(classes[randNum]);
});
});
在each()循环外部定义随机类,并在内部应用它。在each()循环外部定义随机类,并在内部应用它。感谢Osoner-这太完美了!谢谢奥索纳-太好了!