jQuery find and replace string

Question

I have somewhere on website a specific text  let s say  lollypops   and I want to replace all the occurrences of this string with  marshmellows   The problem is that I don t know where exactly the text is  I know I could do something like     body  html   body  html   replace  lollypops    marshmellows       This would probably work  but I need to rewrite as little HTML as I can  so I m thinking something like    search for the string find the closest parent element rewrite only the closest parent element replace this even in attributes  but not all  for example replace it in class  but not in src   In example  I would have structure like this   lt body gt       lt div gt           lt div gt               lt p gt                  lt h1 gt                    lt a gt lollypops lt  a gt                  lt  h1 gt               lt  p gt               lt span gt lollypops lt  span gt           lt  div gt       lt  div gt       lt p gt          lt span class  lollypops  gt Hello  World  lt  span gt          lt img src   lollypops jpg  alt  Cool image    gt       lt  p gt   lt body gt    In this example  every occurrence of  lollypops  would be replaced  only  lt img src      would remain the same and the only elements that would actually be manipulated would be  lt a gt  and both  lt span gt s  Does anybody know how to do this

User · Answer

Below is the code I used to replace some text  with colored text  It s simple  took the text and replace it within an HTML tag  It works for each words in that class tags        hightlight   each function          highlight words  going   this       var high    going       high   high replace   W g           var str   high split           var text     this  text        text   text replace str    lt span style  color  blue  gt   str   lt  span gt           this  html text

User · Answer

You could do something like this     HTML       lt div class  element  gt      lt span gt Hi  I am Murtaza lt  span gt   lt  div gt      jQuery      element span   text function index  text         return text replace  am    am not

User · Answer

You could do something like this      span  p   each function         var text     this  text        text   text replace  lollypops    marshmellows          this  text text         It will be better to mark all tags with text that needs to be examined with a suitable class name   Also  this may have performance issues  jQuery or javascript in general aren t really suitable for this kind of operations  You are better off doing it server side

User · Answer

You could do something this way     document body  find      each function         if   this  hasClass  lollypops       class replacing  many ways to do this              this  removeClass  lollypops              this  addClass  marshmellows              var tmp     this  children   remove      removing and saving children to a tmp obj     var text     this  text      getting just current node text     text   text replace  lollypops g   marshmellows      replacing every lollypops occurence with marshmellows       this  text text     setting text       this  append tmp     re-append  foundlings        example  http   jsfiddle net steweb MhQZD

User · Answer

Why you just don t add a class to the string container and then replace the inner text   Just like in this example   HTML    lt div gt       lt div gt           lt p gt              lt h1 gt                lt a class  swapText  gt lollipops lt  a gt              lt  h1 gt           lt  p gt           lt span class  swapText  gt lollipops lt  span gt       lt  div gt   lt  div gt   lt p gt      lt span class  lollipops  gt Hello  World  lt  span gt      lt img src   lollipops jpg  alt  Cool image    gt   lt  p gt    jQuery     document  ready function             swapText   text  marshmallows

User · Answer

var string   my string  var new string   string replace  string   new string    alert string   alert new string

[javascript] jQuery find and replace string

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors