Replace div string Jquery

Question

I've this code :

<div>
	Hello world.
	<a href="#">test</a>
	<a href="#">login</a>
</div>

I want to replace "hello world." With "Hello everybody !".

I try this :

$('div').text('Hello everybody !');

But it does not work, thanks for your help !

Wrap the "Hello World" in a span, then target it with $('div > span') — Draco18s no longer trusts SE
– Draco18s no longer trusts SE, Commented Jan 11, 2016 at 21:10
Possible duplicate of Replace only text inside a div using jquery — MrOnlineCoder
– MrOnlineCoder, Commented Jan 11, 2016 at 21:10

Steve Harris · Accepted Answer · 2016-01-11 21:17:19Z

1

$('div').html($('div').html().replace('Hello world.', 'Hello everybody !'));

answered Jan 11, 2016 at 21:17

Steve Harris

5,1571 gold badge13 silver badges26 bronze badges

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

Comments

iamdeit · Accepted Answer · 2016-01-11 21:18:40Z

1

You should do something like this:

<div>
    <div id="greeting">Hello world.</div>
    <a href="#">test</a>
    <a href="#">login</a>
</div>

jQuery:

$("#greeting").html("Hello everybody !");

answered Jan 11, 2016 at 21:18

iamdeit

6,1355 gold badges30 silver badges44 bronze badges

Comments

Jonathan Zúñiga · Accepted Answer · 2016-01-11 21:26:12Z

0

You can with this code:

$(function() {
  $('div').html($('div').html().replace('Hello world.', 'Hello everybody !'));
});

answered Jan 11, 2016 at 21:26

Jonathan Zúñiga

6453 gold badges13 silver badges25 bronze badges

Comments

DinoMyte · Accepted Answer · 2016-01-11 21:49:53Z

Try this :

$.fn.myfilter = function(textToReplaceWith)
{
  $(this).contents().filter(function() {

       if(this.nodeType === 3 && $.trim($(this).text()) != "") // nodeType = 3 represents textual content in an element
           $(this).replaceWith(textToReplaceWith);         
    });  
}

$('div').myfilter('Hello everybody !');

Example : https://jsfiddle.net/DinoMyte/6d5ry9br/8/

You may also pass params to replace a specific text dynamically.

$.fn.myfilter = function(textToReplace,textToReplaceWith)
{
  $(this).contents().filter(function() {

       if(this.nodeType === 3 && $.trim($(this).text()) == textToReplace) 
           $(this).replaceWith(textToReplaceWith);         
    });  
}

$('div').myfilter('Hello world.','Hello everybody !');

Example : https://jsfiddle.net/DinoMyte/6d5ry9br/9/

Jobelle · Accepted Answer · 2016-01-12 06:26:40Z

0

 $('div').html($('div').html().replace('Hello world.', 'Hello everybody !'));

answered Jan 12, 2016 at 6:26

Jobelle

2,8441 gold badge17 silver badges27 bronze badges

Collectives™ on Stack Overflow

Replace div string Jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related