1

我有一个嵌套在容器中的锚标记，并且div嵌套在锚标记内：

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

将鼠标悬停在锚标记链接的文本上时，div会在 CSS 中为其分配背景图像，从而显示图像：

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

使用 jQuery，我想在 #container 中选择处于悬停状态的锚标记，其中子 div 具有背景。这样做的正确方法是什么？

编辑：改写它，我希望选择该链接，并显示背景图像，而不需要用户将光标悬停在它上面——只需让 jQuery 模仿悬停，可能通过一些解决方法。

编辑＃2：换一种说法：我希望链接文本具有相同的CSS，就好像它悬停在上面一样，并且div中的背景图像出现 - 但使用jQuery，并且没有任何人将光标悬停在链接上。

4

1 回答 1

0

在您的 CSS 中，您可能有这样的内容：#my-anchor:hover {... 将其更改为：

#my-anchor:hover,
#my-anchor.active {
...

现在使用 JS，如下所示：

$('#container').find('#my-anchor').addClass('active').delay(3000).removeClass('active')
// or just
$('#my-anchor').addClass('active').delay(3000).removeClass('active')
于 2013-05-22T22:44:47.853 回答