remove onclick from a href tag and add to jquery onclick code

hi all

how to remove onclick from < a href > and add to jquery on click function

Code:

---

<a href="javascript:void(0);" onClick="getWISHID(5)" class='wishlink'>add to wishlist</a>

---

Code:

---

function getWISHID(id)
{
  $.ajax({
    type: "POST",
      url: "wishlist.php",
    data: "wishid="+id,
       
     
  });
         
}

---

i want it to convert like below and pass the id

i think i need to pass the id reference in <a> tag also.

we can use data attribute or any other alternative

Code:

---

<a class='wishlink'>add to wishlist</a>

---

Code:

---

$('.wishlink').click(function(){

});

---

vineet

Try preventDefault() https://api.jquery.com/event.preventdefault/, although if you don't intend to send the user to another location, or access a resource, you shouldn't use an anchor element. Change it to a button instead. https://davidwalsh.name/html5-buttons

Quote:

---

Originally Posted by Beverleyh

Try preventDefault() https://api.jquery.com/event.preventdefault/, although if you don't intend to send the user to another location, or access a resource, you shouldn't use an anchor element. Change it to a button instead. https://davidwalsh.name/html5-buttons

---

thanks beverleyh

for the suggestions

i will update my code with them

vineet

There are lots of ways this can be done. I like the idea of a link that sort of shows what it will do:

Code:

---

<a class="wishlink" href="wishid#5">add to wishlist</a>

---

Using that type of link, this sort of jQuery click event will work with it and the existing getWISHID function:

Code:

---

$('.wishlink').click(function(e){
        getWISHID(this.hash.replace('#', ''));
        e.preventDefault()
});

---

thanks john

got it working now

vineet