Question

How can I use jQuery to get a string of text from the onclick attribute and set it as the href attribute.

Here’s the fiddle I’m working with: http://jsfiddle.net/MBmt5/

I want to take only TrackPackage.asp?track=95213&ship=OTHER&ShippingMethod=3 from the onclick attribute and prop it to an href attribute

So that it would end up looking like this: http://jsfiddle.net/52Nha/

Unfortunately, I have no idea how to accomplish this. Can anybody help me? Must be compatible with jQuery 1.4.2. Thanks.

Update

Of course I’d begin with:

$(document).ready(function(){
$('span.trackpackagebutton').closest('a').removeAttr('href');
});

​

Answer 1

Ugly but I hope this will help you.

$('a').attr('href', 
            $('a')[0].getAttribute('onclick')
            .replace("window.open('", '').split(',')[0].replace("'", ''))
      .removeAttr('onclick');​​​​​​​​​​​​​​​

Working demo – http://jsfiddle.net/MBmt5/5/

Note: Based on your markup structure you can use the right selector and reuse the above code.

E.g: The below code will execute this logic for all the anchors on the page which have onclick attribute which has window.open.

$('a[onclick^="window.open"]').each(function(){
    $(this).attr('href', 
                this.getAttribute('onclick')
                .replace("window.open('", '').split(',')[0].replace("'", ''))
           .removeAttr('onclick');​​​​​​​​​​​​​​​
});