Как присвоить родительскому блоку класс, по клику на дочерний?

Question

[AleksandrMurkup]

Всем привет.
Есть следующая структура html

<div class="parent">
    <div class="child1">
        <div class="child2"></div>
    </div>
</div>

Js думаю должен начинаться так

$(function () {
    $('.child2').on('click', function (e) {
        e.preventDefault();

    })
})

Как мне присвоить по клику на child2 класс блоку parent? А так же, чтобы по клику вне этого блока класс убирался.

Answer 1

[iBird Rose]

$(function () {
    $('.child2').on('click', function (e) {
        e.preventDefault();
        $(this).parents('.parent').addClass('active');
    });
});

$(document).click( function(event){
		if(( $(event.target).closest(".parent").length ))
		return;
		$('.parent').removeClass('active');
		event.stopPropagation();
});