0

Tengo una base de datos migrada la cuál no es mía y el anterior usuario guardaba los datos con etiquetas HTML, ahora al obtenerlas me muestra las etiquetas en cuestión, hay alguna forma de eliminarlas usando jQuery?

Esto es el texto que se muestra en la página web, es decir no coge la etiqueta dado que en la BBDD entiendo que está guardado como String

> <a href='/img/imagen.jpg' target='_blank'>Información</a>

He intentado hacer un

var valor = $('.fila a').text();

var valor = $('.fila a').val();

var valor = $('.fila a').html();

Ninguna de las 3 anteriores me ha parecido funcionar, también he intentado

valor.replaceAll("<[^>]*>", "");

Y esta última me elimina incluso las etiquetas de la página, alguna posible solución?

Mi página actualmente se ve así

<td class="field">
<a href='/img/imagen.jpg' target='_blank'>Información</a> <!-- este link se muestra como texto y deseo eliminar su etiqueta -->
</td>
<td class="field">
<a href='/img/ayuda.jpg' target='_blank'>Ayuda</a> <!-- este link se muestra como texto y deseo eliminar su etiqueta -->
</td>
4
  • ¿quieres decir que lo que necesitas en este caso es ese texto Información y deshacerte del resto?
    – tevvek
    Commented el 15 abr. 2019 a las 11:31
  • @dteterevkov exactamente, ahora mismo me muestra todo el texto Commented el 15 abr. 2019 a las 11:32
  • También, lo que se guarda en la BBDD, ¿empieza por > o se te coló?
    – tevvek
    Commented el 15 abr. 2019 a las 11:33
  • @dteterevkov se me coló al intentar hacer una cita, gracias por el aporte Commented el 15 abr. 2019 a las 11:42

3 respuestas 3

3

Lo que recuperas de la BBDD como bien dices es un string. Tienes que convertirlo en HTML primero y a continuación, puedes extraer su texto, así:

let bbdd_extract = "<a href='/img/imagen.jpg' target='_blank'>Información</a>";
console.log($(bbdd_extract).html());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Edit: como dices en los comentarios, recibes eso directamente desde el backend y has de hacer el cambio en cliente. Puedes modificarlo una vez la página esté cargada:

$(function() {
  $('td.field').each(function(i) {
    let tag_as_string = $(this).text();
    let tag_text = $(tag_as_string).html();
    $(this).text(tag_text);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="field">
<a href='/img/imagen.jpg' target='_blank'>Información</a> <!-- este link se muestra como texto y deseo eliminar su etiqueta -->
</td>
<td class="field">
<a href='/img/ayuda.jpg' target='_blank'>Ayuda</a> <!-- este link se muestra como texto y deseo eliminar su etiqueta -->
</td>

11
  • 1
    Con $(bbdd_extract).html() también debería valer.
    – Kiko_L
    Commented el 15 abr. 2019 a las 11:39
  • Podría hacerlo más general? Es decir sustituir el string del extract a algun otro, dado que no es el unico campo que sufre el problema Commented el 15 abr. 2019 a las 11:43
  • @AlbertoMartínez ¿a qué te refieres?¿podrías poner un ejemplo? Gracias
    – tevvek
    Commented el 15 abr. 2019 a las 11:45
  • Gracias @Kiko_L por el aporte. Tienes toda la razón.
    – tevvek
    Commented el 15 abr. 2019 a las 11:46
  • 1
    @dteterevkov funciona correctamente con la página que estoy trabajando! Solo que he añadido una pequeña modificación, una vez recojo los datos con tu respuesta hago un replace con la siguiente expresión replace(/<[^>]*>/g, '').toString(); Commented el 15 abr. 2019 a las 12:57
0

Para borrar HTML dentro de una etiqueta puedes hacerlo con empty()

Aquí te dejo la documentación: https://api.jquery.com/empty/

$("#div1").empty();
0

Si te está pintando todo el texto con la etiqueta html tu js no funcionará ya que no lo está reconociendo como un eleménto de la página si no como un string.

Para eliminar el texto de la etiqueta puedes probar lo siguiente

var str = "<a href='/img/imagen.jpg' target='_blank'>Información</a>";
var mySubString = str.substring(
    str.indexOf(">") + 1, 
    str.lastIndexOf("<")
);
console.log(mySubString);

En mySubString tienes el texto que hay dentro de la etiqueta.

Tu Respuesta

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

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