0

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

2
  • 1
    Hola, creo que tienes suficiente reputación para saber como funciona el sitio, debes incluir el código que has intentado usar y ne base a ese código te ayudaremos a encontrar una solución óptima. el 24 may. 2019 a las 17:12
  • He leido antes de escribir la pregunta pero no he encontrado nada que valga. Respecto a las pruebas, tienes razón pero no he encontrado nada con lo que empezar a probar. el 24 may. 2019 a las 17:40

2 respuestas 2

1

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

0

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>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.