javascript - jQuery子选择器未发生

目前我有这样的事情：

$('.item').hover(function() {
  $('.babyitem').fadeToggle('slow', function() {});
});

从某种意义上说，当悬停一个项目时，所有babyitem都会淡入。但是，我只希望特定的孩子.babyitem淡入。

我已经尝试过了，但是什么也没发生：

$('.item').hover(function() {
  $(this).children('.babyitem').fadeToggle('slow', function() {});
});

HTML也是如此：

<div class="item">
   <div class="babyitem">
   </div>
</div>

最佳答案

.babyitem是.item的直属子吗？如果不是，则应考虑使用.find（）而不是.children（）：

$('.item').hover(function() {
  $(this).find('.babyitem').fadeToggle('slow', function() {});
});