appending to links with jquery

Question

I need to append an associate ID to the end of all links that go to a certain URL.

Here is what I have but I can't get it to work.

(this will be in WordPress)

<script type="text/javascript">
jQuery(document).ready(function() {
   jQuery("a[href*=doitbest]").click(function() {
     this.append("?memberid=5705&associate=true");
   });
 });
</script>

Any thoughts?

Answer 1

First, I believe you have to use $(this) instead of this.

You also wish to change the URL of the link. The change should be made to href attribute, so

 $('a#my_link').click( function (event) {
  $(this).attr('href', $(this).attr('href') + '&id=1');
});

Answer 2

Assuming that your selector (a[href*=doitbest]) works, you could try:

jQuery(document).ready(function() {
   jQuery("a[href*=doitbest]").click(function() {
      href = $(this).attr('href');
      del = href.indexOf('?') > -1 ? '&' : '?';
      href += del + 'memberid=5705&associate=true';
      $(this).attr('href', href);
   });
});

This changes the href attribute, not the link text. I'm not entirely sure that this is what you want, though. The del variable is used to append the URL part by means of the & or ? char.