0

私が要素を持っている場合 -

<div class="myDiv"></div>

myDiv にはいくつかのルールが適用されています -

.myDiv {
    background:red;
}

次に、別のクラスを myDiv に適用します -

$('.myDiv').addClass('newClass');

私のcssには次のような定義があります-

.myDiv.newClass{
    position:relative;
    left:20px;
}

$('.myDiv.newClass') に具体的に適用される規則を調べるにはどうすればよいですか? css ルールを含むオブジェクトを返す関数が欲しいです。

結果は次のようになります-

{
    "position":"relative",
    "left":"20px"
}
4

3 に答える 3

0

スタイルのフェッチに関する非常に素晴らしい記事-ブラウザ互換

癖

上記のようなものは、あなたの問題に対する一般化された解決策です。

于 2012-06-18T12:17:03.137 に答える
0

window.getComputedStyle()おそらくあなたが探しているもの - https://developer.mozilla.org/en/DOM/window.getComputedStyle

于 2012-06-18T12:06:39.657 に答える
0

.myDiv のみに適用されるルールを返したくない

その場合、要素からこのクラスを削除し、CSS 構造を変更する必要があります。

$('.myDiv').addClass('newClass');    
$('.myDiv').removeClass('myDiv');

次に変更します。

.myDiv.newClass {}

に：

.newClass {}

その div に現在適用されているスタイルを確認する必要がある場合は、Google ChromeまたはFireBugを使用して「要素を検査」できます。

于 2012-06-18T12:01:10.597 に答える