Change text of td element

Question

I've been trying to change a text of a td element however I am not able to make it work:

What could be wrong in that fiddle?

Actually this is just my first step to do my actual goal that is to prettify a date using:

http://timeago.yarp.com/

Updated:

Where I need to do:

$(function() {
   $('td[kind="date"]').html("Hello?");
})

You need to escape those quotes or did you want to concatenate? Something is wrong check the syntax highlighting... — elclanrs, May 08 '13 at 05:02
oops sorry, I was thinking in java haha. Anyway, I updated the fiddle already, but still does not work — quarks, May 08 '13 at 05:03

score 4 · Accepted Answer · answered May 08 '13 at 05:05

4

There are multiple problems

Your script has a syntactical error, the quotes are not properly escaped
Your html is not valid, there is no opening/closing <table tags
Selector p[kind=date] is invalid since there is no p element, a td has the attribute kind="date".

So

$(function() {
   $('td[kind="date"]').html("test");
})

Demo: Fiddle

answered May 08 '13 at 05:05

Arun P Johny

384,651
66
527
531

Arun, I have updated my answer with this code you have but still does not work in jsFiddle. – quarks May 08 '13 at 05:08
Oh I get it, sorry, this is result of a GWT developer tinkering in Javascript :-) – quarks May 08 '13 at 05:09

score 1 · Answer 2 · answered May 08 '13 at 05:27

First,you write the wrong selector,there is not 'p' element,your should try

$("td[kind='date']").html("test");

Second,the quotation marks in selector should be single not double.

Last and most important,your html code missed 'table' tag,so the html will render as text not a table,that's why your selector will not work even you change the selector by other's advices.

Check this Demo,it works fine.

score 0 · Answer 3 · edited May 23 '17 at 12:21

0

Can you please refer the below code.

function changeText() {
    $("#demoTable td").each(function () {
       $(this).html().replace("8: Tap on APN and Enter <B>www</B>", "");
    }
}

Replace text inside td using jQuery

edited May 23 '17 at 12:21

Community

1
1

answered May 08 '13 at 05:13

SivaRajini

7,225
21
81
128

Change text of td element

3 Answers3