jquery - 在事件处理程序中选择具有类的子 div

Question

我不确定如何执行此操作

我有

<div class="a parent">
 <div class="child">
 </div>
</div>
<div class="b parent">
 <div class="child">
 </div>
</div>

我想要这样的东西（在伪代码中）

$(".parent").mousemove(function(){

 select the `.child` which is the child of this div


})

所以当.a它悬停在它上面时只会选择a .child，当它悬停在它上面时只会.b选择b.child

这应该涉及this或$this或$(this)或类似的东西..但它令人困惑，我不知道在哪里可以读到它

Answer 1

这将选择.child班级中的所有孩子。

$(".parent").mousemove(function() {
    var children = $(this).children('.child');
});

有了这个，您可以使用该方法选择第一个孩子.eq()。

if (children.length > 0) {
    var firstChild = children.eq(0);
}

您还可以使用函数从后代（来自孩子的孩子......）中进行选择.find()，这不是问题的一部分，但相关且有用。

var descendants = $(this).find('.child');