Replace the text using javascript

Question

Im using the below code to replace the text within the h1 tag, but its not getting effected. I want to replace "sample" to "new sample". I'm doing wrong?

<div class="content">
<h2>sample</h2>
</div>

var t = jQuery('.content');
        t.children("h2").each(function() {
            var contents = jQuery(this).contents();
            jQuery(this).replaceWith(new sample);
        });

Milind Anantwar · Accepted Answer · 2014-04-22 12:44:40Z

2

use .html() to set html.try this:

 $('.content h2').html('new sample');

Working Demo

answered Apr 22, 2014 at 12:44

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

Comments

Manoj Yadav · Accepted Answer · 2014-04-22 17:02:44Z

0

If you want to replace some part of content then try this:

jQuery('.content h2').each(function(i, v) {
    $v = $(v);
    $v.html($v.html().replace('sample', 'new sample'));
});

jsFiddle

edited Apr 22, 2014 at 17:02

answered Apr 22, 2014 at 12:47

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

1 Comment

user3141537 Over a year ago

Thank You, I actually wanted this code. Because I have same div class repeated twice, so this will replace only targeted div.

reggaemahn · Accepted Answer · 2014-04-22 12:46:46Z

0

Use jQuery's .text()

$(".content h2").text("new sample");

FIDDLE

answered Apr 22, 2014 at 12:46

reggaemahn

6,7286 gold badges39 silver badges64 bronze badges

Comments

roshiro · Accepted Answer · 2014-04-22 12:52:56Z

0

You can do that without jQuery:

var elem = document.getElementsByTagName('h2')[0];
elem.innerHTML = "New Value";

answered Apr 22, 2014 at 12:52

roshiro

7801 gold badge5 silver badges9 bronze badges

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-22 12:53:57Z

0

Set .text()

t.children("h2").text('new sample'));

If you want to set .html() content

t.children("h2").html('new sample'));

Child Selector (“parent > child”)

$('.content > h2').html('new sample');

edited Apr 22, 2014 at 12:53

answered Apr 22, 2014 at 12:45

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

Replace the text using javascript

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related