JQuery children select

Question

Как выбрать кнопку с классом btnOk внутри generic-modal-footer? Спасибо заранее.

$('#generic-modal-footer > .btnOk').click(function() { 
    alert('cheguei'); 
    $('#genericModal').modal('hide'); 
}); 

<div class="modal-footer" id="generic-modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button> 
    <button type="button" class="btn btn-primary btnOk" id="generic-modal-button"></button> 
    </div> 

Answer 1

Вы можете попробовать использовать .find() метод:

$(document).ready(function() { 
 
$('#generic-modal-footer').find('.btnOk').click(function() { 
 
    alert('cheguei'); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<div class="modal-footer" id="generic-modal-footer"> 
 
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button> 
 
    <button type="button" class="btn btn-primary btnOk" id="generic-modal-button">Click me</button> 
 
    </div>

Answer 2

я пытаюсь те на() функцию и работает, спасибо за ответы

$('#generic-modal-footer').on('click','.btnOk', function() { 
     alert('cheguei'); 
     $('#genericModal').modal('hide'); 
    });