在javascript中生成第n个子链接的随机背景颜色
在javascript中生成第n个子链接的随机背景颜色
提问于 2016-01-24 09:46:51
我在html中有大约55个链接，所有链接都有相同的链接文本，即"Buy“。现在在JavaScript中，我想使用下面的代码随机化链接的背景颜色。这不管用。我检查了页面中引入的和不带jQuery的页面。
密码怎么了？该怎么做呢？
var num;
var arbt = ["yellow", "green", "blue", "magenta", "red", "white", "lime"];
for (num = 0; num < 55; num++) {
var ran = Math.floor(Math.random * (arbt.length + 1));
var colo = arbt[ran];
$(document).ready(function() {
$("a:nth-child(num)").css("background-color", colo);
});
}回答 4
Stack Overflow用户
发布于 2016-01-24 09:49:36
将文档就绪功能更改为
$(document).ready(function(){
$("a:nth-child(" + num + ")").css("background-color", colo);
});基本上num是一个变量，所以将a:nth-child(num)更改为a:nth-child(" + num + ")
或者只是简单的
$(document).ready(function(){
$("a").each( function(){
var ran = Math.floor(Math.random * (arbt.length + 1));
$( this ).css("background-color", arbt[ran] );
} );
});Stack Overflow用户
发布于 2016-01-24 09:52:30
jQuery(document).ready(function () {
var num;
var arbt=["yellow","green","blue","magenta","red","white","lime"];
jQuery("a").each(function (index) { //incase if you want to use index
var ran = Math.floor(Math.random * (arbt.length + 1));
var colo = arbt[ran];
jQuery(this).css('background-color', colo);
})
} )Stack Overflow用户
发布于 2016-01-24 10:20:04
给你，这个有用：
$(document).ready(function () {
var num;
var arbt=["yellow","green","blue","magenta","red","white","lime"];
$("a").each(function (index) {
var ran = Math.floor((Math.random() * arbt.length) + 1);
var colo = arbt[ran];
$(this).css('background-color', colo);
})
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34979191
复制相关文章
相似问题
输入类型号递增追加编号而不是递增
递增/递减值而不过度
mysql中的递减值而不是负值
Material onClick to递增或递减值
AVR汇编，从数据存储器中递增和递减值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
