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

これでうまくいくはずだと思います。

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

と

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

これにより、スタイルが他のオブジェクトのスタイルに変更されるはずです。

score 1 · Accepted Answer

1

を使用し$("#bgcolor").css("backgroundColor");て色を取得できます。

于 2013-05-14T17:24:05.007 に答える

score 1 · Accepted Answer

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

5 に答える 5