通过悬停，触发另一个元素的悬停答案

【问题标题】：By hover, trigger another element's hover通过悬停，触发另一个元素的悬停
【发布时间】：2013-04-24 10:11:47
【问题描述】：

我想通过像这样悬停一个元素来触发另一个元素的悬停：

$(document).ready(function () {
    $('.quarter h3').mouseenter(function () {
        $(this).next().trigger('mouseenter');
    });
});

HTML 是：

<div class="quarter grow">
    <a href="#">
        <h3><span>titel 1</span></h3>
    <img src="http://lorempixel.com/200/230/people/1" alt="">
    </a>
</div>

看看小提琴：http://jsfiddle.net/KkYGC/

【问题讨论】：

据我所知，您不能使用 JavaScript 来触发 CSS :hover 伪类。我认为您需要使用 jQuery 在mouseenter/mouseleave 上添加/删除一个类。

标签： jquery hover mouseenter

【解决方案1】：

如果我正确理解你的问题，你可以改变

.grow img:hover {

到

.grow:hover img {

【讨论】：

我认为我们已经以同样的方式理解了这个问题，因为我认为应该这样做。