Reemplazar hipervinculos de texto html

NSD · #1 (**permalink**) 11/10/2012, 10:18

buenas gente, espero puedan ayudarme, tengo un texto html almacenado en una variable, (el texto varia dinamicamente), lo que quiero hacer es una funcion que reemplace los hipervinculos del texto de la variable por etiquetas <span> eliminado todos los atributos que tenga.

Código Javascript:

Ver originalfunction quitalink(Html){
    Html = Html.replace('<a' , '<span');
    Html = Html.replace('</a' , '</span');
return Html;
}
 
Html = $('#Contenido').html();
NHtml = quitalink(Html);

eso funciona pero no quita los atributos y principalmente lo que nesesito es dejar la etiqueta "pelada".

alguna sugerensia? estoy utilizando jquery asi que tambien puede servirme algo por ese lado

muchas gracias.

Dradi7 · #2 (**permalink**) 11/10/2012, 10:35

Puedes hacer esto

Código Javascript:

Ver original$("#Contenido").each(function() {
 
  var attributes = $.map(this.attributes, function(item) {
    return item.name;
  });
 
  var link = $(this);
  $.each(attributes, function(i, item) {
    link.removeAttr(item);
  });
});

NSD · #3 (**permalink**) 11/10/2012, 11:09

hola Dradi7 gracias por tu respuesta, tu codigo lo que que hace es eliminar todos los atributos del dom, y (si bien es masomenos lo que nesesito) el dom no tendria que modificarse en ningun momento, el resultado tendria que salir en una variable como string, prove con esto:

Código Javascript:

Ver originalfunction printPDF(){
                $("#Contenido").each(function() { 
                  var attributes = $.map(this.attributes, function(item) {
                    return item.name;
                  });
                 
                  var link = $(this);
                  $.each(attributes, function(i, item) {
                    link.removeAttr(item);
                  });
                });
                //Html = $("#Contenido").html();
                //Html = Html.replace('<a' , '<span');
                //Html = Html.replace('</a' , '</span');
                Html = $("#Contenido").html();
                    
            }

pero no anda, hay alguna forma de que tu script trabaje sobre Html = $("#Contenido").html(); en lugar de trabajar sobre el DOM?

Dradi7 · #4 (**permalink**) 11/10/2012, 11:20

Estas equivocado este codigo lo unico que hace es eliminar solamente los atributos que se encuentran dentro de elemento el cual lo estoy recorriendo

Saludos

Dradi7 · #5 (**permalink**) 11/10/2012, 11:22

Otra manera mas facil seria haciendo esto

Código Javascript:

Ver original$('#myElement').replaceWith(function(){
    return $("<span />", {html: $(this).html()});
});

Esta es otra manera, con esto estas mejorando un poco el rendimiento en el caso que los elementos de código tiene otros hijos HTML

Código Javascript:

Ver original$('a').replaceWith(function(){
    return $("<span />").append($(this).contents());
});

Saludos

NSD · #6 (**permalink**) 11/10/2012, 11:31

Cita:

Estas equivocado este codigo lo unico que hace es eliminar solamente los atributos que se encuentran dentro de elemento el cual lo estoy recorriendo

claro, pero lo haces sobre el DOM a ese prosedimiento, igual creo que me exprese mal cuando plantie el problema, tengo este codigo html por ejemplo:

Código HTML:

Ver original<html>
    <head>
        <Link Href="EstiloPDF.css" Rel="Stylesheet" Type="text/css" Media="all" />
    </head>
    <body>
        <div ID="contenido">
        <table>
            <thead> 
                <tr> 
                    <th data-hts="ON">Nombre</th> 
                    <th data-hts="ON">Estado</th> 
                    <th data-hts="OFF">Acciones</th> 
                </tr> 
            </thead>
            <tbody>
                
                <tr class="TS2">
                    <td>
                        <a onclick="CargarURL('Motor-Caja-Diaria.php?ACT=GTM&amp;IDT=4','Contenido')"><img src="images/ED1.png">Editar</a>
                    </td>
                </tr>
                <tr class="TS1">
                    <td>
                        <a onclick="CargarURL('Motor-Caja-Diaria.php?ACT=GTM&amp;IDT=5','Contenido')"><img src="images/ED1.png">Editar</a>
                    </td>
                </tr>
                <tr class="TS2">
                    <td>
                        <a onclick="CargarURL('Motor-Caja-Diaria.php?ACT=GTM&amp;IDT=6','Contenido')"><img src="images/ED1.png">Editar</a>
                    </td>
                </tr>
                <tr class="TS1">
                    <td>
                        <a onclick="CargarURL('Motor-Caja-Diaria.php?ACT=GTM&amp;IDT=8','Contenido')"><img src="images/ED1.png">Editar</a>
                    </td>
                </tr>
            </tbody>
        </table>
        </div>
    </body>
</html>

y lo que quiero es un STRING en una variable con ese mismo texto pero sin los atributos de los hipervinculos.

con tu codigo (no digo que no ande porque anda bien, solo que no es esactamente lo que nesesito) cambia las propiedades sobre lo que esta en pantalla no sobre la variable.

Dradi7 · #7 (**permalink**) 11/10/2012, 11:38

Revisa los últimos ejemplos que te puse, estos deben funcionar

Saludos

NSD · #8 (**permalink**) 11/10/2012, 12:05

Cita:

Revisa los últimos ejemplos que te puse, estos deben funcionar

no los habia visto cuando comente disculpa.

lo hise funcionar con uno de los que me pasaste pero para lograr mi proposito tube que clonar primero el nodo, hacerle las operaciones y luego eliminar la copia.

funcionar funciona, pero nose como se comportara cuando tenga 700 filas en la tabala :/

muchas gracias por tu ayuda.

Código Javascript:

Ver original$("#Contenido").clone().appendTo('#ZonaPDF');
                $('#ZonaPDF #Contenido a').replaceWith(function(){
                    return $(this).contents();
                });
                Html = $('#ZonaPDF #Contenido').html();
                $('#ZonaPDF #Contenido').remove();