How replace text of an element which is loaded with ajax?

Question

I need to replace (with jquery) the text for an element which is not loaded on document.ready. The element is loaded with ajax.

I tried with:

    $('#my-div label').live({
        var text = $(this).text();
        $(this).text(text.replace('text', 'my text')); 

    });

the html is something like

<div id="my-div"><label>text</label></div>

You have to do it on your success ajax handler. Please paste it on your question — Claudio Redi
– Claudio Redi, Commented Jun 28, 2013 at 15:09
Since it's loaded via AJAX, in your AJAX callback function, you have the element. Can't you change the element in that moment? — Aurelio De Rosa
– Aurelio De Rosa, Commented Jun 28, 2013 at 15:09
I can't modify the AJAX function. Is a drupal module, I will lost my changes every time I update the module... — Jaso2970
– Jaso2970, Commented Jun 28, 2013 at 15:13

Reinstate Monica Cellio · Accepted Answer · 2016-08-01 07:00:15Z

6

Try this...

$(document).ajaxComplete(function() {
    var $label = $("#my-div label");
    var text = $label.text();
    $label.text(text.replace("text", "my text")); 
});

That will fire that function every time an ajax call is completed. That's ANY ajax call on that page.

edited Aug 1, 2016 at 7:00

answered Jun 28, 2013 at 15:17

Reinstate Monica Cellio

26.2k6 gold badges54 silver badges67 bronze badges

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

Comments

Rafi W. · Accepted Answer · 2013-06-28 15:13:02Z

2

You don't need to use live. You aren't binding any event here. In the success function of your ajax, just put

    var label = $('#my-div label');
    label.text(label.text().replace('text', 'my text'));

answered Jun 28, 2013 at 15:13

Rafi W.

1842 silver badges11 bronze badges

Comments

softsdev · Accepted Answer · 2013-06-28 15:17:46Z

2

$(document).ajaxComplete(function() {
  $('#my-div label').text('my text');
});

try to use ajaxComplete or ajaxSuccess

answered Jun 28, 2013 at 15:17

softsdev

1,5092 gold badges12 silver badges27 bronze badges

1 Comment

avr-girl Over a year ago

works even without ajaxComplete, ajaxSuccess, etc.

Collectives™ on Stack Overflow

How replace text of an element which is loaded with ajax?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

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

Related