javascript - Jquery 子选择器没有出现

Question

目前我有这样的东西:

$('.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>

Answer 1

.babyitem 是 .item 的直接子代吗？如果不是，您应该考虑使用 .find() 而不是 .children() :

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