Jquery子选择器没有出现

Question

目前我有这样的事情：

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

它的工作原理是当一个物品悬停时，所有的婴儿用品都会消失。但是，我只想让特定的孩子.babyitem淡入。

我试过这个，但没有任何反应：

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

HTML也是这样的：

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

Answer 1

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

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

Answer 2

如果您希望单个项目淡出，请为其指定ID并使用“＃”而不是“。”

Answer 3

我不确定你的所有代码是如何设置的，因为样本相当小，但是这样的东西对你有用吗？

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