JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
   <span class="count"></span>
   Text that needs to be wrapped.
</div>

<div class="item">
   <span class="count"></span>
   Text that needs to be wrapped.
</div>

<div class="item">
   <span class="count"></span>
   ENT-VLAN-IF:CPCRFLXBH10:N202-1-1-7-CH0-VP8-VC35:OSG:::VLAN=711,BRIDGE=N202-1-VB1,TMPLT=1,ARP=N,ENCAP=ETHERNETV2,DOS=N,STPPRIO=128,DIRN=DOWN,OPT82ACT=DROP,STAGTYPE=CTAG_8100,PORTTYPE=EDGE,PATH=UNPROT,TRFPROF=UBR,BCKPROF=UBR,CVID=UNTAGGED,RCVID=36;


</div>

CSS

.item {color: Black}
.new {color: Red}

JavaScript

var markers = document.querySelectorAll('.count'),
    l = markers.length,
    i, txt;

for (i = l - 1; i >= 0; i--) {
    txt = markers[i].nextSibling;
    $(txt).wrap('<span class="new" />');
}