Как управлять одновременно двумя блоками?

Question

[Дмитрий Сударкин]

Привет!
Не знал как правильно сформулировать вопрос )

Допустим, есть 2 абсолютно одинаковых блока с неопределенной вложенности элементов .test1 и .test2

<div class="test1">
<div>1</div>
<div>2</div>
<div>
	<div>A</div>
	<div>B</div>
	<div>C</div>
	<div>D</div>
</div>
<div>4</div>
<div>5</div>
</div>

<div class="test2">
<div>1</div>
<div>2</div>
<div>
	<div>A</div>
	<div>B</div>
	<div>C</div>
	<div>D</div>
</div>
<div>4</div>
<div>5</div>
</div>

Как при клике на один элемент блока .test1, изменить соответствующий элемент в блоке .test2

Например, нажимаю на див "A" блока .test1 и ему добавляется класс .active и вместе с этим, класс добавляется блоку "A" в блоке .test2

$('div').on('click', function(e){
    // Добавляем класс в блок .test1
    $(this).addClass('active');
    // Добавляем класс в блок .test2
    // ?????????????????????
    return false;
});

Как такое можно сделать?

Answer 1

[WapSter]

Можно так, для не определенной вложенности, нужна проверка на родителя, сам доделаешь

Comments

[Дмитрий Сударкин]

Спасибо! Думаю то что надо, если доработать

Answer 2

[v3shin]

Поменять структуру, добавив блокам класс, обозначающий блок:
<div class="testBlock test1">...</div>
И затем все нужные действия применять ко всем блокам:

$('div').on('click', function(e){
    $('.testBlock').addClass('active');
    return false;
});

Comments

[Дмитрий Сударкин]

Этот вариант, лишь добавит класс для родителя .test1 и .test2. А мне нужно для любого вложенного элемента. Прописывать свой id или class для каждого элемента и от него отталкиваться - это не вариант