I'm a little crazy here, I'm trying to find all the div elements that are inside another div container, and then replace the matches with the new div using only javascript.
Here is the description:
I have these divs
<div id="container">
<div class="oldclass">latency</div>
<div>latency</div>
<div>latency</div>
<div class="oldclass">latency</div>
<div>latency</div>
<div>latency</div>
<div class="oldclass">latency</div>
<div>latency</div>
<div>latency</div>
<div class="oldclass">latency</div>
<div>latency</div>
<div>latency</div>
<div class="oldclass">latency</div>
</div>
And what I want to achieve is
<div id="container">
<div class="newclass1">latency</div>
<div>latency</div>
<div>latency</div>
<div class="newclass2">latency</div>
<div>latency</div>
<div>latency</div>
<div class="newclass1">latency</div>
<div>latency</div>
<div>latency</div>
<div class="newclass2">latency</div>
<div>latency</div>
<div>latency</div>
<div class="newclass1">latency</div>
</div>
But I have a very hard time with this, I have already used childNodes, .match (), replace (), etc. etc.
Any help is greatly appreciated and thanks you for your time.
source
share