jquery - 如何在 jQuery 中定位较早的非同级元素？

Question

我有以下 HTML:

<ul>
    <li>
       <figure>
           <img class="overlay" src="...">
       </figure>
       <figcaption>
           <h3><a href="...">Text</a></h3>
       </figcaption>
   </li>
</ul>

当我将鼠标悬停在 figcaption 内的 h3 时，我想更改 内图像 class=overlay 的不透明度图。天啊，这当然很简单，但我一直在努力尝试

$('h3 a').mouseover(function(){
 $(this).closest('.overlay').css('opacity',1);
});

并更改最接近的 prev、prevAll 等，但都没有成功。任何帮助都会受到热烈欢迎!

Answer 1

可以使用以下方法

$('h3 a').mouseover(function(){
 $(this).closest('li').find('figure .overlay').css('opacity',1);
});

http://api.jquery.com/category/traversing