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');