jquery - クリックされた div とその子アンカー要素を選択する方法

Question

だから私はこの状況を持っています

<div class='linkDiv'>
<a href='#' class='link'>
Click here
</a>
</div>

そしてlinkDivをクリックすると、同じクラスを.linkDivと.linkに追加したいが、クリックされたものだけを追加したい

$('.linkDiv').click(function(){
//some other code that works fine
//atm i have this
$(this).addClass('active');
$('.link', this).addClass('active');
});

クリックした div とその div の子アンカーの両方を一緒に選択するにはどうすればよいですか?

私はこれを試しました：

$('.linkDiv, .link', this)

しかし、それは.linkのみを選択しました

Answer 1

andSelf( )でfind()を使用できます。

$(".linkDiv").click(function() {
    $(this).find(".link").andSelf().addClass("active");
});

Answer 2

$(".linkDiv").click(function() {
 $(this).addClass("active");
 $(this).children().addClass("active");
});