Дом структуры движения с JQuery

Question

Я создаю скрипт jquery, в котором при щелчке по определенному элементу ссылки CSS следующего div изменяется. Моя проблема в том, что следующий элемент находится в "родительском дереве", и я не знаю, как его выбрать.

Если вы посмотрите на мой следующий пример html, вы поймете, что означает ..;)

<div class="box">
                        <div class="rentenBox"><a href="#" title="Info"><span class="hide">Info</span></a></div>
                        <div class="obereZeile"></div>
                        <div class="untereZeile"></div> 

</div> <!-- .box -->
<div class="blueButtonInfo"></div>

Итак, если пользователь нажимает на .rentenBox a, CSS из .blueButtonInfo должен измениться.

Вот мой JQuery до сих пор:

$('.rentenBox a').click(function(event) {
                event.preventDefault();
                $(this).next('.blueButtonInfo').css('display', 'none');

            })

Я ценю любую помощь. Спасибо! :)

Answer 1

Div blueButtonInfo находится рядом с box, поэтому вы должны подняться на 2 элемента и затем вызвать next

$(this).parent().parent().next('.blueButtonInfo').css('display', 'none');

//or

$(this).parents('.box').next('.blueButtonInfo').css('display', 'none');

Answer 2

$(this).parent().next().css('display', 'none');

или

$(this).parent().siblings('.blueButtonInfo').css('display', 'none');

Первый из них будет работать, если выбранный вами div всегда находится после родителя текущего div.Второй всегда будет работать, если класс div равен blueButtonInfo.