Replace placeholders on page from within itself

Question

I have a template page that has to be repopulated with values from data source. I wonder how to do it. Excerpt of the page html:
...

<td colspan="2">
<strong>QUOTATION [ID]</strong><br>
[Organisation_Details]</td>
</tr>
<tr>
<td colspan="2">
<b>Client:</b><br>
[Client]<br>
...

So I have to replace [ID] and [Client] here, what is the best approach to do it?

Thanks.

Answer 1

//hey de do can you explain it more, Maybe i can help you if i understand it.

Answer 2

Hello Shudarshan Rai 👑 thank you so much, but ive already found solution with a help of people on stackoverflow.com I will post that solution a little bit later

here is my code for replacement of placeholders from the page itself:

first:
var data = $("body").html();

second:
$.each(myRecords, function (key, val) {

third:

do many find replace + adding rows etc

fourth:

$("body").html(data);

and that is it!