JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"
id="a-delete-page"
data-action="data/1/pageid/0/"
data-toggle="ajaxModalConfirm"
>check data-action</a>
<br/>
<a href="#" id="toggle">replace pageid</a>
<br/>
<a href="#" id="toggle2">replace all</a>

JavaScript

$(document).on('click', '[data-toggle="ajaxModalConfirm"]',ajaxModalConfirm);

$(document).on('click', '#toggle',toggleValue);
$(document).on('click', '#toggle2',toggleValue2);


function toggleValue(){
    var pageId = 5;
    
    $("#a-delete-page").attr('data-action', updateUrlParameter($('#a-delete-page').data('action'),pageId,'pageid'));
  
}

function toggleValue2(){
  $("#a-delete-page").attr('data-action','new');  
}

function ajaxModalConfirm(){
 alert($(this).data('action'));   
}

function updateUrlParameter(url, value, param){
	return url.replace(new RegExp("(\\/"+param+"\\/)(\\d+)", "g"), '$1'+ value);
}