JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<p class="credits">Figure credits goes here</p>
</figure>
<p> demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test</p>
<p> </p>
<figure class="image"><img alt="" height="228" src="http://localhost/rvrite/uploader/img/541akki.png" width="300" />
<figcaption>
<p><a class="figure-lable" id="f2" name="figure2">Figure 2 </a></p>
<p> </p>
<p>Caption</p>
</figcaption>
<p class="credits">Figure credits goes here</p>
</figure>
<p id="para"> demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test demo<a href="#table1(t1)" id="ytD2F">table1</a> test demo test demo test demo test demo test demo <a href="#table2(t2)" id="ytD2F">table2</a> demo test demo test demo test demo test demo test demo test demo test demo test demo test demo test </p>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<caption><a class="figure-lable" id="t1" name="table1">Table 1 </a>caption goes here</caption>
<tbody>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
...
JavaScript
$(document).ready(function(){
$('#show').click(function(){
var href1=document.getElementsByTagName('a');
for(i=0;i<href1.length;i++) {
var val=href1[i].getAttribute('href');
if(val!=null) {
var str=val.substring(val.lastIndexOf('(')+1,val.lastIndexOf(')'));
href1[i].setAttribute('href',str);
}
}
});
});