Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery颜色偶数divs_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript JQuery颜色偶数divs

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

我想改变文本的颜色,偶数部分为黄色,奇数部分为绿色。毕竟,要将所有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'); }) 脚本中的函数


嘿
霍拉
布纳
硅
不

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代码来实现这一点。