desabilitar un enlace que este dentro de un div

[roboty]

Es posible desabilitar un enlace que este dentro de un div pero que el id lo tenga el div no el enlace algo.
ejemplo

Código HTML:

<div id="enlace"><a href="mipagina.html">web</a></div>
 

de esta forma es posible desabilitar el enlace?

[PHPeros]

Depende de lo que entiendas por "deshabilitar".

[pablomanosdetijera]

Con jquery podrías hacer algo así:

Código:

       
$(document).ready(function(){
     $("#enlace a").attr("href","#");
});

[caricatos]

Hola:

Iniciado por pablomanosdetijera

Con jquery podrías hacer algo así...

Porqué cargtar toda una librería para poner un enlace al tope de la página...

href="#" equivale a enlazar al tope de la página, y no creo que eso sea deshabilitar un enlace...

Los enlaces no disponen del atributo disabled, así que las opciones podrían ser la cancelación (el típico return false o preventDefault()) o cambiar el enlace por otro tag como "span"... esto último podría hacerse con el tag "a" junto a un span con el mismo contenido y ocultando el enlace a la vez que mostrases el span previamente oculto (estilos display none/inline)...

Saludos

[martiknox]

Corregidme si me equivoco, pero creo que el hecho de no "querer" cargar jQuery sólo para "deshabilitar" un enlace no quiere decir que no se pueda hacer con javascript "nativo".

Si quieres deshabilitar el enlace y luego poder rehabilitarlo, lo que se me ocurre es crear un atributo "_href" o algo así donde "cachear" el atributo href del enlace.
Después, eliminar el atributo "href" del enlace.
Cuando quieras restaurar el enlace, copias el contenido del atributo "_href" al atributo "href".

Creo que esto sería válido.

[caricatos]

Hola:

Iniciado por martiknox

Corregidme si me equivoco, pero creo que el hecho de no "querer" cargar jQuery sólo para "deshabilitar" un enlace no quiere decir que no se pueda hacer con javascript "nativo".

Si quieres deshabilitar el enlace y luego poder rehabilitarlo, lo que se me ocurre es crear un atributo "_href" o algo así donde "cachear" el atributo href del enlace.
Después, eliminar el atributo "href" del enlace.
Cuando quieras restaurar el enlace, copias el contenido del atributo "_href" al atributo "href".

Creo que esto sería válido.

Absolutamente todo lo que se hace con una librería puede hacerse sin ella, ya que toda librería es una "capa -de cebolla-" encima de javascript...

Sobre "inventarse atributos" no estoy de acuerdo, por los problemas que pueda conllevar... una de ellas es la validación, otra la accesibilidad...

Saludos

[Dalam]

Código Javascript:

document.getElementById('enlace').addEventListener('click',function(evento){
    evento.preventDefault(); //deshabilitamos el evento asignado al enlace por defecto
});
 

Con preventDefault() deshabilitas el comportamiento predefinido de cualquier evento.
Por que si te inventas etiquetas como te dice Caricatos creara problemas con la validacion del documento y ya no digamos del posicionamiento SEO.