如何選擇點擊的DIV及其子錨元素

Question

所以我有這種情況

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

，當你點擊linkDiv我想同樣的類添加到.linkDiv和。鏈路，但只有的那些點擊

$('.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) 

但它只選擇。鏈路

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"); 
});