Replace the text inside the td without touching the other child elements

Question

I have this:

<td class="cant_formula numeric">
    0.007
    <input type="hidden" value="0.015" class="cant_formula"/>
</td>

I want to replace the text inside it, I tried these ways:

$('td.cant_formula.numeric').contents().first()[0].textContent='fsdfwffwwfwf';

but it doest not work!!

Here is the fiddle: https://jsfiddle.net/gp5gmmgx/

Can you help me, What Im doing wrong??

possible duplicate of [How do I select text nodes with jQuery?](http://stackoverflow.com/questions/298750/how-do-i-select-text-nodes-with-jquery) — Sterling Archer, Mar 23 '15 at 21:08

score 1 · Answer 1 · edited May 23 '17 at 12:22

1

Look at this https://jsfiddle.net/gp5gmmgx/2/

$('td.cant_formula.numeric').contents()
    .filter(function() {
        return this.nodeType == 3; //Node.TEXT_NODE
    })
    .get(0).nodeValue = 'test';

table element is required else td elements aren't selected;
about selecting text nodes read https://stackoverflow.com/a/298758/3349900.

edited May 23 '17 at 12:22

Community

1
1

answered Mar 24 '15 at 07:15

tutankhamun

880
2
11
21

Rick Hitchcock · Answer 2 · 2015-03-23T21:23:33.703

0

jsFiddle doesn't seem to work with that version of jQuery. (I can't even get a simple alert to work.)

Upgrade to at least v 1.9.1

Also, td elements must be within tr elements, which must be within a table.

https://jsfiddle.net/0rnLa9j1/

edited Mar 23 '15 at 21:23

answered Mar 23 '15 at 21:10

Rick Hitchcock

35,202
5
48
79

This is also wrong, OP wants to grab the text node, ignoring the child elements – Sterling Archer Mar 23 '15 at 21:13
I want to change only the text element – juanpscotto Mar 23 '15 at 21:14
@SterlingArcher, I don't understand. This should do just that. – Rick Hitchcock Mar 23 '15 at 21:15
Your fiddle still grabs the asterisks, whereas OP wants JUST the text – Sterling Archer Mar 23 '15 at 21:17
Right, my fiddle fixed his fiddle, but his post and his fiddle don't match. – Rick Hitchcock Mar 23 '15 at 21:18
Then this isn't an answer because it doesn't solve the issue, only fixes issues with the original fiddle? – Sterling Archer Mar 23 '15 at 21:19
@juanpscotto, put it in a table, and it does work: https://jsfiddle.net/0rnLa9j1/ – Rick Hitchcock Mar 23 '15 at 21:21
Not a problem. Amazing that jsFiddle is broken with jQuery < 1.9.1. – Rick Hitchcock Mar 23 '15 at 21:25

John C · Answer 3 · 2015-03-24T06:56:51.063

-1

Try

$('td.cant_formula.numeric').text("text");

Actually after testing, this replaces all the contents of the td not just the text. I should have listened to my gut and double checked before answering, apologies!

edited Mar 24 '15 at 06:56

answered Mar 23 '15 at 21:11

John C

3,052
3
34
47

Replace the text inside the td without touching the other child elements

3 Answers3