JQueryを使用してこのCSSルールを設定します - jquery、css

私はこのCSSを使用しています。

#hideSidebarText:hover > #hideSidebarArrows {
background-position: -282px -51px;
}

JQueryを使用して "background-position"プロパティを変更する方法を教えてください。私は以下のコードを試しましたが、明らかにうまくいきませんでした：

$("#hideSidebarText:hover > #hideSidebarArrows").css("background-position", "-282px -31px");

回答：

それはあなたが "要素を過大評価した"ようですIDを持つ要素にそのCSSを適用したい場合は、ターゲット設定（@vegaがホバーしてもうまくいかないこともあります）は、about要素で検索するのではなく直接実行します。

$("#hideSidebarArrows").hover(
function () {
$(this).css("background-position", "-282px -31px");
});