JQuery- Adding attributes and params to an anchor

Question

Hi I am new to JQuery.

I have a link

<a>href="http://www.ittesters.com&gt;&lt;/a&gt;

I would like to be able to append the following to the end of the href

?iframe=true&width=70%&height=85%

I also need to insert an attribute

rel="prettyPhoto[iframes]

I would like this to happen when the user clicks the link not on page load. Is that possible?

Answer 1

Most certainly. You can add a click event handler to do it for you:

$('a').click(function(){
    $(this).attr('href', $(this).attr('href') + '?iframe=true&width=70%&height=85%' );
    $(this).attr('rel', 'prettyPhoto[iframes]');
});

You can read more about attr() and click() functions in the jQuery docs.