Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 将css属性值作为文本插入jquery中给定的div中_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将css属性值作为文本插入jquery中给定的div中

Javascript 将css属性值作为文本插入jquery中给定的div中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要一种方法,将css属性“color”的值作为文本插入div#consola中,分别用于类p1color、p2color、p3color中的3个div-#position、#position2、#position3-中的每一个 $(窗口)。滚动(函数(事件){ var scroll=$(窗口).scrollTop(); 如果(滚动>0&&滚动1000&&滚动2000&&滚动3000&&滚动4000&&滚动5000&&滚动5000&&滚动

我需要一种方法,将css属性“color”的值作为文本插入div#consola中,分别用于类p1color、p2color、p3color中的3个div-#position、#position2、#position3-中的每一个

$(窗口)。滚动(函数(事件){
var scroll=$(窗口).scrollTop();
如果(滚动>0&&滚动<1000){
$('.position').css({
“颜色”:“rgba(0255,65,1.00)),
'背景':'rgba(0,40,90,1.00)'
})
$('.position2').css({
“颜色”:“rgba(255248,0,1.00)”,
})
$('.position3').css({
“颜色”:“rgba(255,0215,1.00)”,
})
}
如果(滚动>1000&&滚动<2000){
$('.position').css({
“颜色”:“rgba(255242,0,1.00)”,
'背景':'rgba(255,0144,1.00)'
})
$('.position2').css({
“颜色”:“rgba(0100206,1.00)”,
})
$('.position3').css({
“颜色”:“rgba(0255,7,1.00)”,
})
}
如果(滚动>2000&&滚动<3000){
$('.position').css({
“颜色”:“rgba(0,94255,1.00)”,
“背景”:“rgba(255,0226,1.00)”
})
$('.position2').css({
“颜色”:“rgba(155,0255,1.00)”,
})
$('.position3').css({
“颜色”:“rgba(224,1.00)”,
})
}
如果(滚动>3000&&滚动<4000){
$('.position').css({
“颜色”:“rgba(255,2,6,1.00)”,
'背景':'rgba(255,2,6,1.00)'
})
$('.position2').css({
‘颜色’:‘rgba(69,66179,1.00)’,
})
$('.position3').css({
“颜色”:“rgba(124141245,1.0)”,
})
}
如果(滚动>4000&&滚动<5000){
$('.position').css({
“颜色”:“rgba(0,94255,1.00)”,
“背景”:“rgba(255,0226,1.00)”
})
$('.position2').css({
“颜色”:“rgba(224,1.00)”,
})
$('.position3').css({
“颜色”:“rgba(155,0255,1.00)”,
})
}
如果(滚动>5000&&滚动<6000){
$('.position').css({
“颜色”:“rgba(211104,0,1.0)”,
“背景”:rgba(255238,0,1.00),
“文本阴影”:“无”
})
$('.position2').css({
“颜色”:“rgba(176,50,0,1.0)”,
})
$('.position3').css({
“颜色”:“rgba(100,16,5,1.00)”,
})
}
如果(滚动>5000&&滚动<6000){
$('.position').css({
“颜色”:“rgba(196173217,1.00)”,
“背景”:rgba(243255217,1.00),
})
$('.position2').css({
“颜色”:“rgba(136168191,1.0)”,
})
$('.position3').css({
“颜色”:“rgba(68,47168,1.0)”,
})
}
});
正文{
文本对齐:居中;
高度:10000px;
}
.职位{
颜色:蓝色;
显示:内联;
边缘顶部:5px;
位置:固定;
}
.职位2{
颜色:灰色;
显示:内联;
边缘顶部:25px;
位置:固定;
}
.职位3{
颜色:绿色;
显示:内联;
边缘顶部:45像素;
位置:固定;
}
#康索拉{
背景:灰色;
显示:内联;
边缘顶部:65px;
位置:固定;
宽度:300px;
高度:100px;
左边距:-150px;
}
.p1颜色{
背景:红色;
}
.p2color{
背景:绿色;
}
.p3color{
背景:蓝色;
}

AAAA
BBBBB
中交
B
C
D
您可以使用jQuery:

var color=$('the_element_color_you_want').css('color'); //gives you the color of the element
$('element_to_insert_color').html(color); //insert color inside the element text

对不起,当我同时使用它超过一节课时,它不起作用。你能帮我吗?