Buscar todos los enlaces en un elemento div y deshabilitarlos todos

Supongamos que tengo algunos elementos HTML como estos:

Click me
Hello everybody. Click me to do something else
Oops

Todo lo que necesito es obtener todas las tags “a” en #content_div y deshabilitarlas todas (no quiero que el usuario haga clic en ellas). ¿Cómo podría hacer eso en Jquery?

Prueba esto:

  $("#content_div a").click(function(e) { e.preventDefault(); }); 

Confiaría menos en jQuery, ya que podría ser deshabilitado por el usuario, por lo que si desea una solución CSS, puede hacerlo como

 #content_div { pointer-events: none; cursor: default; } 

Manifestación

Edición: para ser precisos, use esta statement #content_div a

 $("#content_div a").css({"color":"#888888", cursor: "default"}).click(function(e){ e.preventDefault(); }); 

Ejemplo de trabajo http://jsfiddle.net/P4Fqq/

Hay dos maneras aquí:

1) $('#content a').css({"pointer-events":"none"});

2) $('#content a').click(function(e){ e.preventDefault(); });

Intereting Posts