jquery - 如何定位 $(this) 的第 n 个 child

Question

我试图在悬停时定位元素的第 n 个子元素。

我的 html 是这样的....

<div class="parent">
     <div class="child1"></div>
     <div class="child2"></div>
     <div class="child3"></div>
</div>

目前，.child3 是 display:none，但是在悬停在 .parent 上时，我想对所有内容应用不透明度，并显示 .child3 没有不透明度。

目前为止

$(".parent").hover(function() {
       $(this:nth-child(3)).show();
});

我需要使用 $(this) 因为我的标记在我的页面上重复显示不同的产品。所以我只想定位我悬停的特定产品。

我是不是找错了树？

抱歉，如果这是一个愚蠢的问题，我很清楚我想做什么，但就是不能完全执行它!

Answer 1

你可以

$(this).children(':nth-child(3)').show();

演示:Fiddle