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

我尝试te（）函数并且工作，感谢答案

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

Jquery孩子选择

2 个答案: