1

コンテナーにネストされたアンカー タグとdiv、アンカー タグ内にネストされたタグがあります。

<div id="container">
<a href="" id="my-anchor"><div id="my-image"></div>Text of the link</a>
</div>

アンカー タグのリンクのテキストにカーソルを合わせると、divCSS で背景画像が割り当てられ、画像が表示されます。

a#my-anchor:hover #my-image {
background: url('img/the-image.jpg') top left no-repeat;
}

jQuery を使用して、#container 内でホバー状態のアンカー タグを選択し、背景を持つ子 div を選択したいと考えています。それを行う適切な方法は何ですか?

EDIT: To rephrase it, I want that link selected, and the background image to appear, without a user hovering a cursor over it – just by having jQuery imitate the hover, probably via some workaround.

EDIT # 2: To rephrase it another way: I want the link text to have the same CSS as if it's hovered over, and the background image in the div to appear – but using jQuery, and without anyone hovering the cursor over the link.

4

1 に答える 1