How to send multiple arguments to jquery click function?

Question

Currently I'm using something like:

$('.myclass').click(function(){  
    var msg = $(this).attr('id');  
    alert(msg)
});

And HTML:

< a href="#" class="myclass" id="101">Link</a>

If I need additional parameters how would I read them? Also is the current way I am using the proper way? Originally I was using hidden input fields so it was already a step up. :p

Answer 1

you can use bind() and send additional data to the event handler as event.data

Answer 2

jQuery Events

$('.myclass').bind("click", { Param1: "", Param2: 2 }, function(event){
    alert(event.data.Param2);
});

Answer 3

this may not be the best method, but something i have done is to hyphen delineate the id attribute with other params, like id="101-red-420582" which all three mean different things and can be easily broken down using the split() function. not the best, per se, but i've done it and it works.