在事件处理程序中选择具有类的子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悬停在其上时，它会仅选择一个.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');