Как выбрать второй ребенок с помощью родительского JQuery

Question

У меня есть следующие структуры

<div class="a"> 
    <button type="button" class="btn btn-default btn-sm" id="proccesing-btn-down">...</button> 
    <button type="button" class="btn btn-default btn-sm" id="proccesing-btn-up" style="display: none;">...</button> 
</div 

У меня есть onclick функцию, которая при нажатии на proccesing-btn-down Я хочу, чтобы скрыть кнопку вверх и показывать вниз один.

$(this).hide(); 
var btn = $(this).parent().$("#proccesing-btn-up"); 
$(btn).show(); 

скрыть это - работает. В чем проблема во второй и третьей строках?

Answer 1

Если они являются единственными элементами в DIV вы можете сделать следующее:

$('.btn.btn-default').on('click', function(){ 
    $(this).hide().siblings().show(); 
}): 

FIddle

Если они не вы должны будете пройти селектор siblings('.btn'), чтобы узнать больше проверьте documentation.

Answer 2

Попробуйте это:

$(this).hide(); 
$(this).siblings().show(); 

Answer 3

Ближайший будет искать ближайший в DOM элементов с классом.

$(this).hide(); 
var btn = $(this).closest('.a').find("#proccesing-btn-up"); 
$(btn).show();