JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pun-crumbs">
      <p class="crumbs"> 
      <a href="/">Forum</a> 
    <strong> 
        » <a class="nav" href="/c4-our-mods">Test</a> 
         » <a class="nav" href="/f7-forum"> <span>Test 2</span> </a> 
        » <a class="nav" href="/f7-forum"> <span>Test 3</span> </a> 
        » <a class="nav" href="/f7-forum"> <span>Test 4</span> </a> 
    </strong>
    </p>
</div>

JavaScript

var container = $('p.crumbs strong');
container.html(container.html().replace(/»/g,''));
    
var crumbs = container.find('a.nav');
$.each(crumbs, function(i, crumb){
    if(i != crumbs.length - 1)
        $(crumb).before('»');
});