Désactiver tous les A (URL) éléments DIV

Question

Je possède ce code html

<div> 
<p>MY Text <a href="url">Text</a> 
</p> 
</div> 

J'ai besoin d'utiliser des éléments CSS ou jQuery désactiver tous les A (lien) dans un DIV, lorsque l'utilisateur déplace la souris sur la mot: "Texte", je veux que l'URL soit inactive afin qu'ils ne puissent pas cliquer dessus. Comment je fais ça?

Answer 1

Pour éviter une ancre de suivre le HREF indiqué, je suggère d'utiliser preventDefault():

$(document).ready(function() { 
    $('div a').click(function(e) { 
     e.preventDefault(); 
    }); 
}) 

Voir: Event Object

ou

$("div a").click(function(){ 
       alert('disabled'); 
       return false; 

}); 

Answer 2

• Supprimez l'attribut href ; ou
• Liez un gestionnaire onClick qui renvoie false;

Answer 3

$(document).ready(function() { 
    $('div').hover(function(){ 
     $(this).find('a').attr('disabled','disabled'); 
    },function(){}) 
}); 

Mais pourquoi voudriez-vous faire?