jquery - 使用 jquery 从文件中获取 CSS 数据

Question

我希望 jQuery 选择 background-color来自css文档中没有的类(尽管 hover 使用相同的颜色)。

这是我目前得到的代码:

<a id='changetext1'>
  <div class='tile color_red1'>text</div>
</a>
<a id='changetext2'>
  <div class='tile color_orange1'>text</div>
</a>
<div class='rightside color_red2' id='rightside'>some more text</div>

右侧开始为 color_red2 ，但我希望将其更改为 color_orange2单击color_orange1 div 。当然将其更改为 color_red2当红div正在被点击。

文本和颜色来自sql数据库并通过JSON放入jquery中

function rightSideData(data) {
    $.each(data, function(i, d) {
        $("#changetext" + d.id).on('click', function() {
        //Change the background color to match the :hover color of the right div TODO
        });
    }
});

切换文本的部分工作正常，我被困在更改 background-color 上。属性(property)。颜色可以从JSON中检索数据( d.color )，但我不知道如何获取 .color_orange2 background-color来自css文件。

编辑:解决方案如下:

var color = window.getComputedStyle($(".color_"+d.color+"1").get(0),':hover').getPropertyValue('background-color');
$('.color_red2').css("background-color",color);

Answer 1

你能不使用JQuery的addClass('color_orange2')和removeClass('color_red2')来获得你想要的结果吗？

此外，您还可以在 CSS 中使用 :hover 和 :active ，这样如果更改仅在用户单击时可见，您甚至不必使用 JQuery。但如果你想要永久的，我建议改变类(class)。