Adding onclick Attribute to <a> tag using JQuery

Question

I have a link button that I want to change it onclick callback function when clicked:

I am using .attr() to change the onclick event but it simply doesn't work.

$('#' + test).text('Unlike');
$('#' + test).attr("onclick", "return deleteLikeComment('"
        + CommentsWrapper + "','" + activityID + "', '" + test + "');");

But it simply doesn't work.

I just want to switch the callback method when the link is clicked.

Answer 1

Use "click()" instead of attr()

Answer 2

Why are you attaching the event with an attr?

Why not just do like so:

$('#' + test).bind("click", function()
{
    //functionality that you were trying to add using attr can now go inside here.
});

Answer 3

$('#' + test).click(function() {
    return deleteLikeComment(...);
}); 

Answer 4

If you want to switch the callback method every time the link is clicked, use .toggle(). It alternates between the two provided functions.