jQuery search and replace not working (Wordpress)

Question

I must've tried half a dozen scripts (most found here, e.g. at jQuery find and replace string) to replace text on my Wordpress-built site (http://www.sehkelly.com/).

None work. I'm not clever enough to diagnose why (but not stupid enough not to know how to run a script). Into header.php the script goes, in the usual way, and no result.

For instance, all instance of "Shop" on my homepage (in the menu, the h2 elements, in the Wordpress content) remain as such, despite this script ...

$("span, p, div").each(function() {
    var text = $(this).text();
    text = text.replace("Shop", "Sale");
    $(this).text(text);
});

Any ideas?

I have disabled caching plugins to no avail.

Thanks in advance.

UPDATE

In full I have ...

<script type="text/javascript">
    $(document).ready(function(){
        $("span, p, div").each(function() {
        var text = $(this).text();
        text = text.replace("type", "typo");
        $(this).text(text);
    });
</script>

Still no joy.

Just try to print the values in the console.Just check weather you are getting values in console.Where is your script in `document.ready` ? — shu, Mar 05 '16 at 10:51
Did you call that script in document ready `$(function() { ... });` — jcubic, Mar 05 '16 at 10:53

GoR · Answer 1 · 2016-03-05T11:04:28.473

1

If you execute such code on your website it will create a mess in your html...Don't do that :)

Do this instead:

$("span, p, div").each(function() {
    var text = $(this).html();
    text = text.replace("Shop", "Sale");
    $(this).html(text);
});

edited Mar 05 '16 at 11:04

answered Mar 05 '16 at 10:58

GoR

121
2
10

score 1 · Answer 2 · answered Mar 05 '16 at 12:50

You need to call this in document ready and use regex to replace all instances:

$(function(){
    $("span, p, div").each(function() {
        var text = $(this).text();
        text = text.replace(/Shop/g, "Sale"); // regex instead of string
        $(this).text(text);
    });
});

score 0 · Accepted Answer · answered Mar 05 '16 at 12:22

0

Use this code and then you will be happy

<script type="text/javascript">
    $(document).ready(function(){
    var replaced = $("body").html().replace('Shop','Sale');
    $("body").html(replaced);
    });
</script>

answered Mar 05 '16 at 12:22

Piyush Dhanotiya

559
4
18

That's the one. Thank you. – Paul Vincent Mar 05 '16 at 13:53

jQuery search and replace not working (Wordpress)

3 Answers3