Tengo el siguiente HTML representado en el portal de powerapps y me gustaría reemplazar todas las ocurrencias de
<font size = 3>..... </font>con
<div class="legend">... </div>Probé el fragmento a continuación, pero no lo reemplazó:
var $descBox = $("<font size = 3>"); $descBox.replaceAll("<div class='legend well'>");$() de jQuery.$() de jQuery..replaceAll() es una función de cadena. Quisiste decir .replaceWith() .es decir
$("font[size=3]").replaceWith( $("<div class='legend well'>") );o, más corto
$("font[size=3]").replaceWith("<div class='legend well'>"); Intercambiar solo los elementos <font> sin reemplazar también su contenido requiere un par de pasos más.
$("font[size=3]").each(function () { // insert new container div after each `<font>` var $div = $("<div class='legend well'>").insertAfter(this); // remove the `<font>` and append its children to the new container $(this).remove().children().appendTo($div); }); div.legend { color: blue; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <font size="3"> <p>elements to keep</p> </font> <font size="3"> <p>more elements to keep</p> </font>