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
– shu, Commented Mar 5, 2016 at 10:51
Did you call that script in document ready $(function() { ... }); — jcubic
– jcubic, Commented Mar 5, 2016 at 10:53

GoR · Accepted Answer · 2016-03-05 11:04:28Z

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 5, 2016 at 11:04

answered Mar 5, 2016 at 10:58

GoR

1212 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jcubic · Accepted Answer · 2016-03-05 12:50:41Z

1

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);
    });
});

answered Mar 5, 2016 at 12:50

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Comments

Piyush Dhanotiya · Accepted Answer · 2016-03-05 12:22:21Z

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 5, 2016 at 12:22

Piyush Dhanotiya

5795 silver badges18 bronze badges

1 Comment

Paul Vincent Over a year ago

That's the one. Thank you.

Collectives™ on Stack Overflow

jQuery search and replace not working (Wordpress)

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related