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

Question

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

$(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/

Answer 1

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

.grow img:hover {

到

.grow:hover img {