jquery - 如何使用 attr 获取样式值

Question

我的 HTML 代码在这里：

 <i id="bgcolor" style="background-color: rgb(255, 146, 180)"></i>

我想使用 jquery attr 获取背景颜色值。我尝试的是如下：

$("#bgcolor").mouseleave(function(){
        var bodyColor = $(this).attr("style");

        $("body").css(bodyColor);
    });

但是这个输出是：

background-color: rgb(255, 146, 180);

现在我已经将它添加到我的 css 中，它将无法正常工作。我怎样才能完成这项任务？

在此处输入图像描述

score 24 · Accepted Answer

查看 .css 的文档：http: //api.jquery.com/css/

var bodyColor = $(this).css("backgroundColor");

score 5 · Accepted Answer

这就是您正在寻找的（此代码有效）：

$("#bgcolor").mouseleave(function(){
    var bodyColor = $(this).attr("style");
    $("body").attr("style", bodyColor);
});

但是，而不是使用attr你应该使用css，所以代码将是：

$("#bgcolor").mouseleave(function(){
    var bodyColor = $(this).css("background-color");
    $("body").css("background-color", bodyColor);
});

score 1 · Accepted Answer

$("#bgcolor").mouseleave(function(){
    var bodyColor = $(this).css("background-color");
    $("body").css("background-color",bodyColor);
});

score 1 · Accepted Answer

我相信这应该可以解决问题，替换你的

$("body").css(bodyColor);

和

$("body").attr('style', $(this).attr("style"));

这应该将样式更改为另一个对象上的样式。

score 1 · Accepted Answer

1

您可以使用$("#bgcolor").css("backgroundColor");来获取颜色。

于 2013-05-14T17:24:05.007 回答

5 回答 5