Javascript JQuery颜色偶数divs
我想改变文本的颜色,偶数部分为黄色,奇数部分为绿色。毕竟,要将所有div中的所有文本转换成一个更大的文本。我为这个问题写了一个解决方案,但由于某种原因它不起作用。有人能帮忙吗 Problem 2 var count = 1; $('div').each(function(){ if (count % 2 == 0) { $(this).css("background-color", "yellow"); } else { $(this).css("color", "green"); } count = count + 1; $("div").clone(true, true).contents().appendTo('div.B'); }) 问题2 var计数=1; $('div')。每个(函数(){ 如果(计数%2==0){ $(this.css(“背景色”、“黄色”); } 否则{ $(this.css(“颜色”、“绿色”); } 计数=计数+1; $(“div”).clone(true,true).contents().appendTo('div.B'); }) 脚本中的函数Javascript JQuery颜色偶数divs,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想改变文本的颜色,偶数部分为黄色,奇数部分为绿色。毕竟,要将所有div中的所有文本转换成一个更大的文本。我为这个问题写了一个解决方案,但由于某种原因它不起作用。有人能帮忙吗 Problem 2 var count = 1; $('div').each(function(){ if (count % 2 == 0) { $(this).css("background-color", "ye
嘿
霍拉
布纳
硅
不
html代码您可以使用
:偶数
和:奇数
选择器
var divs=$('div');
divs.filter(“:偶数”).css(“背景色”、“黄色”);
divs.filter(':odd').css(“颜色”、“绿色”);
clone(true,true).contents().appendTo('div.B')代码>
嘿
霍拉
布纳
硅
不
您可以使用:偶数
和:奇数
选择器
var divs=$('div');
divs.filter(“:偶数”).css(“背景色”、“黄色”);
divs.filter(':odd').css(“颜色”、“绿色”);
clone(true,true).contents().appendTo('div.B')代码>
嘿
霍拉
布纳
硅
不
您可以使用CSS的第n个子项实现这一点:
div:n子级(2n){
背景颜色:黄色;
}
分区:第n个子(2n+1){
颜色:绿色;
}
嘿
霍拉
布纳
硅
不
您可以使用CSS的第n个子项实现这一点:
div:n子级(2n){
背景颜色:黄色;
}
分区:第n个子(2n+1){
颜色:绿色;
}
嘿
霍拉
布纳
硅
不
试试这个
$(文档).ready(函数(){
$(“tr:偶数”).css(“背景色”、“黄色”);
$($tr:odd”).css(“背景色”、“绿色”);
});
欢迎来到我的网页
单位
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹斯纳布克普
瑞典
莫特祖马商业中心
墨西哥
恩斯特·汉德尔
奥地利
岛屿贸易
英国
试试这个
$(文档).ready(函数(){
$(“tr:偶数”).css(“背景色”、“黄色”);
$($tr:odd”).css(“背景色”、“绿色”);
});
欢迎来到我的网页
单位
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹斯纳布克普
瑞典
莫特祖马商业中心
墨西哥
恩斯特·汉德尔
奥地利
岛屿贸易
英国
试试这个
在每个
$("div").clone(true, true).contents().appendTo('div.B');
var计数=1;
$('div')。每个(函数(){
如果(计数%2==0){
$(this.css(“背景色”、“黄色”);
}否则{
$(this.css(“颜色”、“绿色”);
}
计数=计数+1;
})
$(“div”).clone(true,true).contents().appendTo('div.B')代码>
嘿
霍拉
布纳
硅
不
试试这个
在每个
$("div").clone(true, true).contents().appendTo('div.B');
var计数=1;
$('div')。每个(函数(){
如果(计数%2==0){
$(this.css(“背景色”、“黄色”);
}否则{
$(this.css(“颜色”、“绿色”);
}
计数=计数+1;
})
$(“div”).clone(true,true).contents().appendTo('div.B')代码>
嘿
霍拉
布纳
硅
不
我希望您正在寻找这样的产品:
$('div').map((a,b)=>{$(b).addClass(a%2?“红色”:“绿色”)}
.red{color:red;}
.green{color:green;}
嘿
霍拉
布纳
硅
不
我希望您正在寻找这样的产品:
$('div').map((a,b)=>{$(b).addClass(a%2?“红色”:“绿色”)}
.red{color:red;}
.green{color:green;}
嘿
霍拉
布纳
硅
不
。。。没有达到OP想要的程度。此外,简单的旧CSS会做得更好。那。。。没有达到OP想要的程度。此外,使用:偶:奇选择器也很不错,但我认为这是最优雅的答案。只是纯css。我喜欢:)@n3k当然你可以使用它,并尽量减少额外的jQuery代码来实现这一点。使用:偶数:奇数选择器也很不错,但我认为这是最优雅的答案。只是纯css。我喜欢:)@n3k确保您可以使用它,并尽量减少额外的jQuery代码来实现这一点。