javascript - js如何给a标签添加随机颜色-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - js如何给a标签添加随机颜色

怪我咯 2017-04-10 14:56:24

[JavaScript讨论组]

729

RT,页面中有若干个a标签，是用ejs动态生成的，如下格式：

<a class="tag" href="/tags/<%= tag %>"><%= tag %></a>

我想做的是给每个a标签添加上不同的随机出的颜色，用var tags = $(".tag");获取了所有的a标签，但是不能用for循环添加颜色，而且用console.log(tags[0]);打印出来的结果一次是a标签，再刷新就是a.tag,反复循环...为什么啊？我原本是想这么写的：

$(function(){
var tags = $(".tag");
for(var i = 0; i < tags.length ;i++){
    var r = Math.floor(Math.random()*255);
    var g = Math.floor(Math.random()*255);
    var b = Math.floor(Math.random()*255);
    var a = Math.random();

    tags[i].css("background-color",rgba(r,g,b,a));
  }
})

怪我咯

走同样的路，发现不同的人生

全部回复(4)

PHP中文网2017-04-10 14:58:24 4楼

$("a").each(
    function(){
        $(this).css('color', '#' + Math.floor(16777216*Math.random()).toString(16))
    }
)

赞 +0

添加回复

巴扎黑2017-04-10 14:58:24 3楼

从前端乱炖里面看到一篇文章，里面有个代码段可能能够解决问题：

var allA = document.getElementsByTagName('a'), i = 0, len = allA.length;

for (; i < len; i++) {
    allA[i].style.backgroundColor = '#' + Math.floor(Math.random() * Math.pow(2, 24)).toString(16);
  };

参考来自：
从一行代码里面学点JavaScript-前端乱炖

赞 +0

添加回复

巴扎黑2017-04-10 14:58:24 2楼

function rgba(r,g,b,a) {
    return ["rgba", "(", [r,g,b,a].join(), ")"].join(""));
}

赞 +0

添加回复

天蓬老师2017-04-10 14:58:24 1楼

tags[i].css("background-color",rgba(r,g,b,a));这句话写法错误

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>