Prepend Subfolder to All Links with jQuery

href, hyperlink, jquery, staging

Solution

Try this:

$(function() {
  $('a').each(function() {
    var href = $(this).attr('href');
    $(this).attr('href', '/staging' + href);
  });
});

Problem

I am currently working on a site in a staging environment located at www.example.com/staging. All of the links for the site have been set relatively (ex: /about/). I am trying to write some simple jQuery to add "/staging" to every link on the pages, so I don't have to change all the links for the week or so it is in the staging environment. I know the HTML tag is an option, but because the links are being added dynamically with ExpressionEngine that doesn't seem to work. I think the jQuery should be fairly simple. Here is what I have, but something isn't quite right: ``` $(function() { var href = $('a').attr('href'); $(href).prepend('/staging'); }); ``` Thanks in advance for the help.

Original source