Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.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 在颜色选择器中获取背景色_Javascript_Jquery - Fatal编程技术网

Javascript 在颜色选择器中获取背景色

Javascript 在颜色选择器中获取背景色,javascript,jquery,Javascript,Jquery,我必须设计一个具有固定值的颜色选择器。由于我是一个网络编程新手,我不知道如何继续。任务是在选择调色板的背景时获得背景色,使用该颜色,另一个div元素的背景必须改变 在这个HTML调色板中有30种颜色,颜色-1到颜色-30。从调色板中选择颜色时,.color容器的背景必须更改。提前谢谢 文本 您需要检测单击了哪个div,您的所有div元素都具有相同的colors类,因此这必须是您的选择器,然后您需要提取click div id。您可以让它执行以下操作: $('.colors').on('clic

我必须设计一个具有固定值的颜色选择器。由于我是一个网络编程新手,我不知道如何继续。任务是在选择调色板的背景时获得背景色,使用该颜色,另一个div元素的背景必须改变

在这个HTML调色板中有30种颜色,颜色-1到颜色-30。从调色板中选择颜色时,.color容器的背景必须更改。提前谢谢

文本
您需要检测单击了哪个div,您的所有div元素都具有相同的colors类,因此这必须是您的选择器,然后您需要提取click div id。您可以让它执行以下操作:

$('.colors').on('click', function () {
    var colorid = this.id;    
});
之后,您可以使用colorid值,我不知道如何指定哪个颜色是id color-1、color-2等。因此,作为一个示例,我使用了一个开关,因此您的代码如下所示

$document.readyfunction{ $'.colors'。单击,函数{ var colorid=this.id; 开关色{ 案例颜色-1: $'.color container h1'.csscolor,红色; 打破 案例颜色-2: $'.color容器h1'.csscolor,蓝色; 打破 案例颜色-3: $'.color容器h1'.csscolor,黄色; 打破 外壳颜色-4: $'.color容器h1'.csscolor,橙色; 打破 } }; }; 1. 2. 3. 4. 文本
因此,听起来您需要添加事件侦听器。我们总是很乐意帮助和支持新的编码器,但您首先需要帮助自己。之后,如果您有问题,请发布您尝试过的内容,并清楚解释哪些内容不起作用,然后提供。阅读,然后