jquery - 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;
}

cssを使用してリンクを無効にする

Answer 3

を使用して、タグのデフォルトのアクションを防止することができます

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

デモ