find and replace texts using jquery

Question

I am trying to find and replace texts using jquery.

function replaceText() {
    var jthis = $(this);
    $("*").each(function() { 
        if(jthis.children().length==0) { 
            jthis.text(jthis.text().replace('nts:', 'nights:')); 
        } 
    });
}
$(document).ready(replaceText);
$("html").ajaxStop(replaceText);

here is my jsfiddle:

http://jsfiddle.net/2GENx

I need to replace the all "nts" texts on the page by "nights". Can you tell me why it's not working?

Your problem is $("html").ajaxStop(replaceText); never triggered. Just put break point into beginning of replaceText function. And count how many times it called. It should be called two times. First when document is ready. Second when Ajax load completes. Another problem as others explained you should also modify replaceText function logic as one explained bellow. — Khamidulla
– Khamidulla, Commented Dec 26, 2013 at 4:25
okey please see this: jsfiddle.net/2GENx/9 this doesn't work either. nor this jsfiddle.net/2GENx/10 — Johnny
– Johnny, Commented Dec 26, 2013 at 4:29
It is wrong again your ajax call does not completed and you are trying to replace your data. How it is possible? — Khamidulla
– Khamidulla, Commented Dec 26, 2013 at 4:31
You should be sure that you are calling your replaceText after ajax call completed. — Khamidulla
– Khamidulla, Commented Dec 26, 2013 at 4:33

Community · Accepted Answer · 2017-05-23 10:32:20Z

1

I see that you have tried to avoid writing $(this) all the time by storing its value in jthis; the problem is that by doing so you effectively always inspect the same item.

Instead, save the reference inside the each() callback:

function replaceText() 
{
    jQuery("*").each(function() {
        var $this = jQuery(this);
        if ($this.children().length==0) { 
            $this.text($this.text().replace('nts:', 'nights:')); 
        } 
    });
}

It also seems that you're using jQuery next to something called wisdomweb on your page, and that doesn't support the .ajaxStop() feature; the only suggestions I can give you:

hack the library to support .ajaxStop(),
listen for dom changes and perform the replacement inside,
use an even uglier setTimeout() option.

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Dec 26, 2013 at 4:08

Ja͢ck

174k39 gold badges269 silver badges316 bronze badges

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

7 Comments

Johnny Over a year ago

@antindexer what you mean by "jsFiddly under console" I don't have any error on my chrome console. please can you explain If you have noticed where the problem is. Jack This didn't work either. please see: jsfiddle.net/2GENx/5

Khamidulla Over a year ago

Sorry for putting -1 to your answers. Please update your answer and I will be able to remove it.

Ja͢ck Over a year ago

@hijacker83 The problem is that you're using jQuery but $w is not jQuery at all, it's from wisdomweb. Currently it seems that they have no way to know when an AJAX request has finished.

Khamidulla Over a year ago

@Jack please update your answer then I can remove -1.

Johnny Over a year ago

@Jack I am including it using echo file_get_contents($url); just wanted to show you the source code on jsfiddle. So in this case it is impossible to change the text because its unknown when request is finishes?

|

Collectives™ on Stack Overflow

find and replace texts using jquery

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related