simple find & replace using jQuery

Question

I have done a search on Google and surprisingly cannot find a relevant answer.

What I am trying to do is hook onto around 6 TD id's (id="1234price", id="2345price" etc)

and change the text within that table cell for all of them to say coming soon rather than the various prices they currently show.

looking at jquery docs replacewith seems to replace the whole thing i.e it would remove the entire td as opposed to replacing the text contained within the td?

If you are looking up 6 ID's and want to replace them all with the same value, then its best to probably use classes. i.e add class="price" to your TD's and then use $('.price').text("coming soon"); or $('.price').html("coming soon"); [can checkout the difference] — Jason
– Jason, Commented Aug 7, 2013 at 8:16

Guffa · Accepted Answer · 2013-08-07 08:12:24Z

1

Use the text method to set the text inside the elements. Example:

$('#1234price,#2345price').text("coming soon");

answered Aug 7, 2013 at 8:12

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

1 Comment

John Over a year ago

well that was rather easy....I used html method instead as i wanted to use some html in it too.

Telvin Nguyen · Accepted Answer · 2013-08-07 08:24:30Z

0

Suppose text of td look like below

<td id="price123"><a href="#">tag hyperlink</a><p>p tag</p>text</td>

Use this line

$('#price123').contents().last()[0].textContent='50';

It keeps other HTML tags on td, and change the text on the last location. Demo Change text only

answered Aug 7, 2013 at 8:24

Telvin Nguyen

3,5694 gold badges29 silver badges40 bronze badges

Collectives™ on Stack Overflow

simple find & replace using jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related