如何选择单击的 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");
});