怎样通过JS改变单个下拉框的颜色

是只改变一个下拉框的颜色，如果我用的是：setInterval(function(){$(".fr-trigger-btn-up").css('background-color','#6699FF');},100)。这个是改变了所有的下拉框的颜色，问我只想改变特定的一个

FineReport adomy 发布于 2021-4-27 11:44

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

最佳回答

shirokoLv6资深互助
发布于2021-4-27 13:17（编辑于 2021-4-27 13:27）

var a=this;

setInterval(function(){$(a.btn).filter(".fr-trigger-btn-up").css('background-color','#6699FF');},100);

简单有效

snrtuemcLv8专家互助
发布于2021-4-27 11:47

setInterval(function(){$(".fr-trigger-btn-up").eq(0).css('background-color','#6699FF');},100)//eq(0)中0只第一个，第二个改成1

试试上面代码

徐圣凯Lv6见习互助
发布于2021-4-27 11:50

如果页面结构不变的话，可以先给所有的下拉框加个id，然后再去找到对应的id的下拉框，去改变对应的颜色；参考js：

setTimeout(function() { //设置延时，以便于能够遍历到所有的div标签

let arr = document.querySelectorAll(".r-12vffkv"); //css选择器，找到对应的div标签

for(let i=0; i<arr.length; i++){

arr[i].setAttribute("id",'report'+i) //给对应的div标签加上ID属性

}

}, 100);

4关注人数

748浏览人数

最后回答于：2021-4-27 13:27

活动推荐更多

热门课程更多

确定取消