Jquery replace text inside nested tags

Question

I have something like old

I want to replace current text inside bold tag such that result is new tag when user clicks on the parent .

I am using jquery like $(this > "b").text("new"); and $(this).children("b").text("new"); but it is not working?

Any help is appreciated..

$(this).children("b").text("new"); should work fine if you correctly get  element as this. — VisioN
– VisioN, Commented Dec 20, 2013 at 9:49
if your  contain only a b tag you can use children as this : $(this).children().text("new");. are you sure that this mean the p tag ? — kevpoccs
– kevpoccs, Commented Dec 20, 2013 at 9:52

VisioN · Accepted Answer · 2013-12-20 09:58:33Z

3

$(this).find("b").html("new");

should do the trick, assuming there is a click handler on the p element.

edited Dec 20, 2013 at 9:58

VisioN

146k35 gold badges287 silver badges291 bronze badges

answered Dec 20, 2013 at 9:52

Jiminyjetson

1211 silver badge6 bronze badges

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

Comments

Dropout · Accepted Answer · 2013-12-20 09:54:52Z

1

Take a look at this simple jsFiddle

Find the child element by using children() method that is specified to your element - in this case b. For inner HTML content use html() method with the content you require specified.

Docs:

http://api.jquery.com/children/

http://api.jquery.com/html/

answered Dec 20, 2013 at 9:54

Dropout

14k10 gold badges59 silver badges112 bronze badges

Comments

arpad · Accepted Answer · 2013-12-20 09:56:05Z

1

You can add an id to the P tag for the select and use something like this:

$("#p").children("b").text("new");

Check this fiddle : http://jsfiddle.net/zrvmk/

answered Dec 20, 2013 at 9:56

arpad

5395 silver badges10 bronze badges

Collectives™ on Stack Overflow

Jquery replace text inside nested tags

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related