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

[vinpkl]

hi all

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

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

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

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

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

});

vineet

[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

[vinpkl]

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

[jscheuer1]

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

<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:

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

[vinpkl]

thanks john

got it working now

vineet