jQuery - скрыть элемент внутри bootstrap modal

Question

Я пытаюсь скрыть кнопку (предположим, что это как buttonA) внутри всплывающего окна начальной загрузки. Здесь у меня есть buttonB и buttonC в разных местах, и оба используются для запуска одного и того же всплывающего окна, но моя проблема заключается в том, что мне нужно скрыть кнопкуA, когда всплывающее окно запускается с кнопки B и показывает его при запуске с кнопкиC.

Я пробовал приведенный ниже общий код в jQuery, но он не работает для меня, есть ли способ сделать это при использовании всплывающего окна bootstrap.

$('#buttonB').click(function() { 
 
    alert('test'); 
 
    $('#buttonA').hide(); 
 
});

Answer 1

Если #buttonB является динамически созданный элемент затем использовать .on() функцию JQuery в следующем формате: $(staticAncestors).on(eventName, dynamicChild, function() {});

StaticAncestors будет ближайший родительский элемент, который является статическим.

$(staticAncestors).on('click', '#buttonB', function() { 
    alert('test'); 
    $('#buttonA').hide(); 
});