Отключить все A (URL) элементы DIV

Question

У меня есть этот HTML код

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

мне нужно использовать CSS или JQuery отключить все A (ссылка) элементы в DIV, когда пользователь перемещает мышь над word: «Текст», я хочу, чтобы URL-адрес был неактивным, поэтому они не могут на него нажимать. Как мне это сделать?

Answer 1

Чтобы предотвратить якорь от после указанного HREF, я предложил бы использовать preventDefault():

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

См: Event Object

или

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

}); 

Answer 2

• Удалите HREF атрибута ; или
• Привязать обработчик onClick, который возвращает false;

Answer 3

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

Но зачем ты это делаешь?