使用jquery在div中禁用标记

Question

我想使用jQuery禁用div中的'a'标记。

结构如下：

<div id="xyz"><a style="cursor:pointer;" href="abc.php">xxxx</a></div>

关于特定行动：

1. cursor: pointer财产应该消失
2. 对'a'标记的操作不起作用
3. 'a'标记看起来应该是不可点击的

Answer 1

你在这里：

$("#xyz a").css("cursor", "auto").removeAttr("href");

Answer 2

嗨您可以使用此css行

#xyz a{
   pointer-events: none;
   cursor: default;
}

Disable link using css

Answer 3

您可以使用

来阻止标记的默认操作

  $('#xyz a').click(function(event){
        event.preventDefault();
    });

Demo