Tengo un lapso dentro de un párrafo y quiero poder cambiar el texto del párrafo y el texto del lapso con los clics del botón. En este momento, cuando llamo a la función, el párrafo se actualiza pero el lapso desaparece.
<p id = "a">Some text to change <span id = "b" onmouseenter="test()">click!</span></p> function test() { $("#a").html("New text here"); $("#b").html("click again!"); }Si cambia el HTML de la p principal, eliminará todo lo que contiene. Sin embargo, puede reestructurar su html para tener dos span dentro de la p y actualizar el texto de esos.
Aquí hay un ejemplo con #c como el primer intervalo y #b como el segundo:
function test() { $("#c").text("New text here "); $("#b").text("click again!"); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p id = "a"><span id = "c">Some text to change </span><span id = "b" onmouseenter="test()">click!</span></p>