Replace text inside td using jQuery having td containing other elements

Question

My table is as follows    lt table id  demoTable  gt      lt tr gt          lt td gt 8  Tap on APN and Enter  lt B gt www lt  B gt               lt INPUT id h150000000000000109743 class hid value  test value  type hidden gt              lt INPUT id h250000000000000109743 class hid1 value  26 222 98 10 50000000000000109744 T  25 221 99 10  T www  type  hidden  gt          lt  td gt      lt  tr gt   lt  table gt    I want to change the text only 8  Tap on APN and Enter  lt B gt www lt  B gt   without affecting the hidden fields  I am trying jQuery but not finding the solution  function changeText             demoTable td   each function              for  var i   0  i  lt    this  children length  i                  alert   this  children i  val                          alert   this  html                  this  text  hello               alert   this  html

User · Answer

A bit late to the party  but JQuery change inner text but preserve html has at least one approach not mentioned here   var  td       demoTable td     td html  td html   replace  Tap on APN and Enter    new text       Without fixing the text  you could use  snother  https   stackoverflow com a 37828788 1587329     var  a       demoTable td    var inner        a children html   each function         inner   inner   this outerHTML       a html  New text    inner

User · Answer

demoTable td   contents   each function         if  this nodeType     3            this textContent           this textContent    The text has been             this innerText     The text has been         else           this innerHTML    changed           return false             http   jsfiddle net YSAjU

User · Answer

Using text nodes in jquery is a particularly delicate endeavour and most operations are made to skip them altogether   Instead of going through the trouble of carefully avoiding the wrong nodes  why not just wrap whatever you need to replace inside a  lt span gt  for instance    lt td gt  lt span class  replaceme  gt 8  Tap on APN and Enter  lt B gt www lt  B gt   lt  span gt  lt  td gt    Then       replaceme   html  Whatever  lt b gt HTML lt  b gt  you want here

User · Answer

Wrap your to be deleted contents within a ptag  then you can do something like this     function         td   click function    console log    td   find  p            td   find  p   remove                 FIDDLE DEMO  http   jsfiddle net y3p2F

User · Answer

Remove the textnode  and replace the  lt b gt  tag with whatever you need without ever touching the inputs        demoTable   find  tr  gt  td   contents   filter function         return this nodeType   3     remove   end   end      find  b   replaceWith     lt span   gt     text   Hello Kitty        FIDDLE

User · Answer

How about   function changeText             demoTable td   each function               this  html   replace  8  Tap on APN and Enter  lt B gt www lt  B gt

[jquery] Replace text inside td using jQuery having td containing other elements

Examples related to jquery

Examples related to html