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:
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
<span class="lollypops">Hello, World!</span>
<img src="/lollypops.jpg" alt="Cool image" />
In this example, every occurrence of "lollypops" would be replaced, only <img src="... would remain the same and the only elements that would actually be manipulated would be <a> and both <span>s.
Does anybody know how to do this?