How to dynamically change a parameter of a javascript call from the href attribute of an element

Question

Is there a way to dynamically change what parameters are passed to a javascript function from an html element? For instance, say I have the following:

<a id="myElement" href="javascript:myFunction('myParam');">Click me!</a>

How can I change 'myParam' to another parameter, say 'myParam2'? An answer using either javascript or jquery is fine with me. For simplicity's sake, feel free to suppose I can find this element by document.getElementById('myElement') or some other means.

Answer 1

What I would do instead is bind a click handler and use this to figure out which was clicked.

$('#myElement').click(function () {
    console.log($(this).text()); // Should dump "Click me!" to the console.
});

You could then add attributes to your links, such as data-someParam="my value" and access them with .attr().