如何选择单击的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

您可以find()使用andSelf()：

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

Answer 2

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