Jquery find and replace Tag with some string

Question

I have span with id "bar".which contains tag <h3></h3> and I want to replace <h3></h3> with "some string". Here is my html

<span id="bar" >
<h3></h3>
</span>

Output I am expecting as

<span id="bar" >
some string
</span>

Many Thanks..

Rick Su · Accepted Answer · 2012-09-25 05:34:45Z

3

if your some string contains html tags use html, otherwise text

var someString = "Some String";

$("span#bar:has(h3)").text(someString);

edited Sep 25, 2012 at 5:34

answered Sep 25, 2012 at 5:26

Rick Su

16.5k3 gold badges35 silver badges51 bronze badges

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

Comments

Ram · Accepted Answer · 2012-09-25 05:25:35Z

3

You can use html method:

$('#bar').html('some string');

If you want to just replace the h3 element, you can use replaceWith method:

$('#bar h3').replaceWith('some string');

answered Sep 25, 2012 at 5:25

Ram

145k16 gold badges174 silver badges201 bronze badges

1 Comment

Mihai Matei Over a year ago

In this case can be used html() method, but maybe the span will contains some other tags which should not be replaced and I think the best method is to use replaceWith() method

Mihai Matei · Accepted Answer · 2012-09-25 05:25:40Z

2

$('#bar h3').replaceWith('some string');

answered Sep 25, 2012 at 5:25

Mihai Matei

24.3k5 gold badges34 silver badges50 bronze badges

Comments

Mangala Edirisinghe · Accepted Answer · 2012-09-25 05:58:45Z

1

try this code,

var someString = "Some String";

$("span#bar:has(h3)").replaceWith(someString);

DEMO

edited Sep 25, 2012 at 5:58

answered Sep 25, 2012 at 5:44

Mangala Edirisinghe

1,1012 gold badges16 silver badges32 bronze badges

Comments

Brij · Accepted Answer · 2012-09-25 05:27:13Z

0

var text = $('#bar').html();
    text = text.replace("<h3></h3>", "some string");
    $('#bar').html(text);

answered Sep 25, 2012 at 5:27

Brij

6,1329 gold badges45 silver badges69 bronze badges

Collectives™ on Stack Overflow

Jquery find and replace Tag with some string

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