禁用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;

});

Answer 2

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

但你为什么要那样做？

Answer 3

• 删除href属性;或
• 绑定一个返回false的onClick处理程序;