使用jquery更改div的颜色以匹配另一个div
使用jquery更改div的颜色以匹配另一个div
提问于 2012-07-27 17:56:16
我目前总共有4个具有相同类的框，每个框都有自己的ID，当单击其中任何一个框时，所有框的背景颜色都应该更改为指定的div ID的背景颜色。
我确实希望它是一个特定的颜色，就像在当前的JS小提琴示例中一样，我希望它是某个特定div的颜色。也就是说，#box2将在.click上将颜色更改为#box1，#box1将更改为#box4。因此产生了盒子顺时针方向移动的错觉。我希望这是可用于无限数量的点击。
$(document).ready(function () {
$('.colorbox').click(function () {
$('#box1').css('background-color', 'blue');
$('#box2').css('background-color', 'red');
$('#box3').css('background-color', 'yellow');
$('#box4').css('background-color', 'green');
});
});回答 2
Stack Overflow用户
回答已采纳
发布于 2012-07-27 18:11:50
像这样吗？http://jsfiddle.net/YMqyE/2/
$(document).ready(function () {
$('.colorbox').click(function () {
var $b1 = $('#box1'),
$b2 = $('#box2'),
$b3 = $('#box3'),
$b4 = $('#box4'),
box4Color = $b4.css('background-color');
$b4.css('background-color', $b3.css('background-color'));
$b3.css('background-color', $b2.css('background-color'));
$b2.css('background-color', $b1.css('background-color'));
$b1.css('background-color', box4Color);
});
});Stack Overflow用户
发布于 2012-07-27 18:33:13
$(document).ready(function () {
$('.colorbox').click(function () {
var $OddColorOut = $('#box1').css('background-color');
$('#box1').css('background-color', $('#box4').css('background-color'));
$('#box4').css('background-color', $('#box3').css('background-color'));
$('#box3').css('background-color', $('#box2').css('background-color'));
$('#box2').css('background-color', $OddColorOut);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11693123
复制相关文章
相似问题
腾讯云开发者
