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

Question

私はこのcssを使用しています：

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

JQueryを使用して「background-position」プロパティを変更するにはどうすればよいですか? 次のコードを試してみましたが、明らかにうまくいきませんでした:

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

Answer 1

ID hideSidebarArrows を持つ要素にその CSS を適用する場合は、about 要素で検索するのではなく、直接実行します.

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