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

Question

[ilyasmirnov]

Всем привет, только начал изучать jQuery, помогите разобраться пожалуйста.
Есть структура документа:

<div class="news">
<div class="class1"></div>
<div class="class2">
       <div class="class2a"><div>
</div>
</div>

Как сделать так чтобы при клике по элементу 'class1", присвоить "class2а" новый клас "dn" например.
Работа с прямыми указаниями по названиям классов не подходит, потому что на странице несколько таких блоков, а изменения надо сделать именно в рамках родителя "news" только в этом блоке. Так что надо работать через родителя.
В инете много объяснений как с родителем работать, а вот как выйти на родителя и спуститься до другого дочернего элемента для работы - не нашел ((
Заранее благодарен.

Answer 1

[Максим]

$('.class1').on("click", function() {
    $('class2a').toggleClass("dn")
});

Удачного изучения jQuery

Comments

[ilyasmirnov]

Не подходит, в соседних блоках NEWS тоже исполняет, надо только в рамках родителя

Answer 2

[Ihor Bratukh]

$('.class2', $('.news'))

Comments

[ilyasmirnov]

вообще не понял куда и как это

[Ihor Bratukh]

ilyasmirnov, таким образом вы получите class2 именно в родителя news. Дальше делайте все что нужно.