2011-03-15 11 views
5

私はCSSの背景画像設定と、私が別の方法で利用したいホバー背景画像設定を取得する関数を実行したいと思います。jQueryのCSSホバー値を取得

これを達成するために私が見た唯一の方法は、値を取得する前に誰かが実際に要素にマウスを移動させることです。

誰でも方法がありますか?あなたが直接スタイルシートから値を読み込む必要がありますこれを行うには

$(this).css('background-color'); 
+0

あなたは$( ":HOVER" "#" + this.id +)を試してみました。CSS( "背景-色"); ? – AbiusX

答えて

4

これは、CSS非ホバー値を取得する方法です。基本的な考え方は、各スタイルシートをdocument.styleSheetsで繰り返し、その中で.cssRulesまたは.rulesの各ルールを繰り返し、後に一致する.selectorTextを探します。

簡単にするために、私はこの目的のために小さなライブラリ(JSS)を書いていました。あなたは、セレクタを使用している場合、たとえば#someId:hoverのために、その後、JSSを使用して、あなたがそのbackground-colorプロパティを取得することができます:

jss('#someId:hover').get()['background-color'] 
+0

jssは実際に何かテストが失敗します。alas:jss( "#espacio_publico")。get() - > TypeError:プロパティ 'length' of nullを読み取れません –