Trabajando en bootstrap modal aquí, estoy tratando de agregar modal dentro de otro modal en html también. ¿Hay alguna manera de usar jquery target current current modal only?
<div class="modal fade role=" dialog "> <div class="modal-dialog modal-dialog-centered "> <!-- Modal content--> <div class="modal-content "> <div class="modal-header "> <button type="button " class="close " data-dismiss="modal " aria-label="Close "> <svg class="icon-utility-close "> <use xlink:href="#close-modal-icon "></use> </svg> </button> </div> <div class="modal-body justify-content-center "> <p>Text 1</p> </div> </div> </div> <div class="modal fade role="dialog"> <div class="modal-dialog modal-dialog-centered"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <svg class="icon-utility-close"> <use xlink:href="#close-modal-icon"></use> </svg> </button> </div> <div class="modal-body justify-content-center"> <p>Text 2</p> </div> </div> </div> </div> </div>Intenté agregar una identificación diferente al botón de cerrar y ocultar modal, pero no funciona. ¿Puede alguien señalarme en la dirección correcta cómo lograrlo?