Me gustaría poder eliminar de una variable la etiqueta <span> contenido </span>
Tarea: <span class='glyphicon glyphicon-pause'></span>
Texto válido.
Solo debería aparecer Tarea: Texto válido
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadMe gustaría poder eliminar de una variable la etiqueta <span> contenido </span>
Tarea: <span class='glyphicon glyphicon-pause'></span>
Texto válido.
Solo debería aparecer Tarea: Texto válido
Para este caso específico se puede hacer lo siguiente:
Nótece que le he agregado un DIV que contiene tú código HTML, y le he puesto un
ID
para facilitar la captura en el ejemplo.
HTML
<div id="miDiv">
<span class='glyphicon glyphicon-pause'></span>Texto Válido
</div>
JavaScript
$("#miDiv").children("span:first").remove();
Explicación
Primero con $("#miDiv")
capturamos el elemento padre que tiene un ID (que en mi ejemplo es un elemento DIV), luego accedemos con el método children("span")
a los hijos del elemento padre, que corresponden a elementos SPAN, también se puede apreciar que el parámetro además de span
tiene :first
que corresponde a un pseudo-selector que localiza el primer elemento.
Por último, llamamos al método remove()
que elimina el elemento en cuestión.
Aclaración
Como Texto Válido
no forma parte del elemento SPAN, es posible capturar el elemento SPAN en sí, para luego eliminarlo, lo que nos dejará el texto que queremos mantener.
Lectura recomendada
Puedes visitar los siguientes enlaces (en inglés) que corresponden a la documentación oficial de jQuery
:
Saludos
Lo que yo haría sería encerrar el valor de tu variable en un contenedor div
, luego mediante un selector capturamos esa variable como si fuera un elemento HTML
(que de hecho el valor de la misma es un elemento HTML
) y obtenemos su contenido usando el método .text()
var texto = "<div><span class='glyphicon glyphicon-pause'></span> Texto válido.</div>";
console.log($(texto).text());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>