Tengo una secuencia de comandos dentro de un div que quiero actualizar cuando alguien hace clic en un botón con una identificación única.
Tengo algunos datos que se mostrarán dentro del div, que necesito actualizar sin actualizar toda la página.
Encontré una solución que cambia el color de un borde, pero no puedo simplificarla a lo que necesito. Esto es lo que tengo hasta ahora
var storeColor = 'red'; $('#container').on('click', 'button', function() { var $p = $('#content p'); var tmp = $p.css('border-color'); $p.css('border-color', storeColor); storeColor = tmp; }); </div> <button type="button">Refresh DIV</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <div id="container"> Contents of div </div>Creo que hay algunos problemas con su código... El botón está fuera del contenedor y esa es la razón por la que el detector de clics no funciona. Dentro de la función de clic, intenta acceder a un párrafo p dentro de algún elemento con el content de identificación que no existe en su código
var storeColor = 'red'; $('#btnRefresh').on('click', function() { var $p = $('#container'); $p.css('background-color', 'red'); $p.html('hello world'); }); <button type="button" id="btnRefresh">Refresh DIV</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <div id="container"> Contents of div </div>¿Por qué no intentar cambiar todo el contenido interno del div dinámicamente usando document.querySelector('.div').innerHTML = html string
Lo anterior no actualizará la página si se usa al hacer clic en un botón. Es posible que también desee utilizar preventDefault en el detector de eventos del botón.