Disabling a tag inside div using jquery

Question

I want to disable 'a' tag inside div using jQuery.

The structure is like:

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

On a particular action:

1. cursor: pointer property should go away
2. action on 'a' tag should not work
3. 'a' tag should looks like non clickable

Answer 1

Here you are:

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

Answer 2

Hi You can use this css lines

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

Disable link using css

Answer 3

You can use prevent the default action of a tag using

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

Demo