change table cell value jquery

Question

I need to find a table cell that contains certain text value and change that to something else.

    <table><tr>
<td>You are nice</td>
<td>I hate you</td>
</tr></table>

Find the table cell that contains "I hate you" and change that to "I love you".

How do I do that in Jquery?

You could look at http://stackoverflow.com/questions/5115152/jquery-find-and-replace-string — Chetter Hummin, Feb 07 '13 at 23:40

Ram · Accepted Answer · 2013-02-07T23:47:19.393

4

Using :contains selector:

$('td:contains("I hate you")').text('....');

Using filter method:

$('td').filter(function(){
   // contains
   return $(this).text().indexOf("I hate you") > -1;
   // exact match
   // return $(this).text() === "I hate you";
}).text('...');

Or:

$('td').text(function(i, text){
   return text.replace('I hate you', 'I love you!');
});

edited Feb 07 '13 at 23:47

answered Feb 07 '13 at 23:39

Ram

143,282
16
168
197

score 2 · Answer 2 · answered Feb 07 '13 at 23:38

2

A simple contains selector should do the trick followed by setting the text value

$("td:contains('I hate you')").text('I love you');

contains selector ref

answered Feb 07 '13 at 23:38

Chris Moutray

18,029
7
45
66

Works good but note this would also select td's containing the text "I hate you all" etcetera... (not exact match) – jtheman Feb 07 '13 at 23:42
@jtheman lol you did use the term *contains* in your question :) but out of interest what's the thinking behind this? There's a code smell here when your looking to swap a text value rather than explicit matching on table cells by id for example... – Chris Moutray Feb 08 '13 at 10:33

DYN · Answer 3 · 2013-02-07T23:41:55.850

0

Use querySelectorAll("td"), iterate over all returned elements and check the textNode's value.

var tds = document.querySelectorAll("td");
for (var i = 0; i < tds.length; i++) {
    if (tds[i].firstChild.nodeValue == "I hate you"){
        tds[i].firstChild.nodeValue = "I love you";
    }
}

edited Feb 07 '13 at 23:41

answered Feb 07 '13 at 23:36

DYN

36
3

change table cell value jquery

3 Answers3

Linked