禁用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處理程序;