禁用DIV中的所有A(URL)元素

Question

我有这个HTML代码

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

我需要使用CSS或jQuery禁用DIV中的所有A(链接)元素,当用户将鼠标移到单词"Text"上时,我希望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;

});