Cómo deshabilitar una etiqueta de anclaje (enlace) (convertir a span)

Question

Tengo un montón de etiquetas de anclaje (<a>) que necesito convertir a etiquetas <span>. No necesito hacer esto para desactivar el hacer clic (sé de preventDefault() y devolver false desde el controlador de eventos click). Solo necesito hacer esto para habilitar la selección de arrastrar y soltar (que IE prohíbe en una etiqueta de anclaje pero permite en un lapso de tiempo).

Tengo una solución de trabajo que está bien.

http://jsfiddle.net/5HGbx/

me pregunto si alguno de ustedes magos tienen una forma más pulido de lograr el mismo resultado final.

Answer 1

podría utilizar replaceWith de API jQuery

$('#myButton').click(function(){ 
    $("#someDiv a").replaceWith(function(){ 
     return $("<span>" + $(this).html() + "</span>"); 
    }); 
}); 

violín aquí: http://jsfiddle.net/naveen/ufYCt/1/

Answer 2

Mezclar métodos DOM estándar con jQuery es un poco extraño e innecesario. Se podía hacer algo como esto en su lugar:

function aToSpan() { 
    var $link = $('a'); 
    var $span = $('<span>'); 
    $link.after($span.html($link.html())).remove(); 
} 

Esto simplemente copia el contenido del enlace en nueva <span> y luego reemplaza el <a> con el nuevo <span>.

Referencias:

• after
• html
• remove

Answer 3

de la década de naveen responder perderá la etiqueta href

si quieres etiqueta href demasiado justo modificar esta de la siguiente manera ...

$('#myButton').click(function(){ 
    $("#someDiv a").replaceWith(function(){ 
     return $("<span href=\""+$(this).attr('href')+"\">" + $(this).html() + "</span>"); 
    }); 
});