JSFiddle - React, Tailwind, and code Playground
HTML
<div class='myelement'>
<a href="/myurl?code1=abcde&code2=fghijk&code3=lmnop&code4=qrstu&code5=vwxyz">Test</a>
</div>
<br>
<label id="test"></label>
JavaScript
var codevar = '#';
$('#test').text($('.myelement a').attr('href'));
$('.myelement').on('click', function(e) {
e.preventDefault();
var url = $('.myelement a').attr('href');
var param = '&'+url.substring(url.indexOf('?')+1);
url = url.substring(0,url.indexOf('?')+1);
if(param.indexOf(codevar) > -1) {
var arr = param.split("#/results/");
param = '';
for(var i = 1;i<arr.length;i++){
if(codevar == arr[i].substring(2))
arr.splice(i, 1);
param += 'code'+i+'='+arr[i].substring(2);
if(i != arr.length-1)
param +='&';
}
$('.myelement a').attr('href',url+param);
$('#test').text($('.myelement a').attr('href'));
}
});