Jquery Find Replace

Question

I have following HTML code

<a href="javascript:void(0);" onClick="javascript:OpenNewWindow('/help_email.asp?ProductCode=122030', 350, 250);" class="pricecolor colors_productprice"><b><span class="PageText_L657n"><br><input type="Button" font face="arial" size="2" color="#ffbb00" value="submit best offer"> </Button>

What i want to do is FIND ALL occurrences of help_email.asp and replace it with help_email.php.

http://stackoverflow.com/questions/2145988/jquery-string-replace — Igor, Feb 10 '12 at 15:18
help_email.asp doesn't appear anywhere in the code you posted? — Rory McCrossan, Feb 10 '12 at 15:19

score 3 · Answer 1 · answered Feb 10 '12 at 15:20

3

Use

$('body').html($('body').html().replace('help_email.asp','help_email.php'));

answered Feb 10 '12 at 15:20

isJustMe

5,452
2
31
47

This way if there are any events associated to elements existing on the page before this code runs, or properties (not attributes, as in, stuff added using `prop()` not `attr()`) will be lost because they are not written in the HTML itself – Meligy Feb 10 '12 at 15:28
yeah, the question wasn't to specific just want to provide an alternative in case the string was somewhere else than an anchor or link. – isJustMe Feb 10 '12 at 15:36

Meligy · Answer 2 · 2012-02-10T15:30:50.243

Try

$(function() {
    var anchors = $("a[href*='help_email.asp'], a[onclick*='help_email.asp']");

    anchors.each(function() {
        var anchor = $(this);

        var originalHref = anchor.attr("href");
        anchor.attr("href", originalHref.replace(".asp", ".php") );

        var originalClick = anchor.attr("onclick");
        anchor.attr("onclick", originalClick.replace(".asp", ".php") ); 
    });
});

Note that replace is a standard JS function, not jQuery specific.

References:

score 0 · Answer 3 · answered Feb 10 '12 at 15:21

Assuming that 'help_email.asp' appears only in the href attributes of anchor tags...

$('a').each(function () {
    var href = $(this).attr('href');
    href = href.replace('help_email.asp', 'help_email.php');
    $(this).attr('href', href);
})

but, why not just do this server-side, so the correct urls are already embedded in the page?

Jquery Find Replace

3 Answers3