Получить доступ к этому классу с помощью js

у меня вот такое в текстовой разметке:

<div>
    <div class="one"></div>
    <div class="two"></div>
</div>

С помощью js (можно и через jquery), я делаю click function нажав на класс two, и мне нужно получить доступ как бы к брату one. Если бы код был таким:

<div>
    <div class="one">
       <div class="two"></div>
    </div>
</div>

То можно было бы получить его вот так:

$('.two').parents('.one')

Но мне нужно сделать по-другому, возможно ли так сделать?

P.S. Предложений по типу "делай сразу запрос с классу one" не нужны, у меня таких классов с внутренними классами которые я показал выше будет несколько шт.


Ответы (3 шт):

Автор решения: Даниил Чижевский

Отвечу на чистом JavaScript:

let one = document.querySelector('.two').parentNode.childNodes[0];
→ Ссылка
Автор решения: Глеб Черных
$('.points').click(function(){
let ar = $(this).parents('.article').find('.article__inner');
if(ar.css('height') === '375px') {
    ar.css('height', 'auto');
} else {
    ar.css('height', '375px');
}

});

→ Ссылка
Автор решения: Kirill

Отвечу на чистом jQuery:

$('.bro').on('click', function () {
  console.log($(this).siblings('.bro').html());
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
    <div class="bro one">bro one</div>
    <div class="bro two">bro two</div>
</div>
<div>
    <div class="bro three">bro three</div>
    <div class="bro four">bro four</div>
</div>

→ Ссылка