JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>asd</td>
      <td>
        <pre>{"instance":{"HOST_NAME":"sdadasdasd","INSTANCE_NAME":"aaa","INSTANCE_NUMBER":"1","UPTIME":"2190724","VERSION":"11.2.0.2.0","STARTUP_TIME":"2019-05-1906:09:39","STATUS":"OPEN","PARALLEL":"NO","THREAD#":"1","ARCHIVER":"STARTED","LOG_SWITCH_WAIT":"","LOGINS":"ALLOWED","SHUTDOWN_PENDING":"NO","DATABASE_STATUS":"ACTIVE","INSTANCE_ROLE":"PRIMARY_INSTANCE","ACTIVE_STATE":"NORMAL","BLOCKED":"NO"}}</pre>
      </td>
    </tr>
  </tbody>
</table>

JavaScript

var first_timestamp = $('table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(1)')
var first_value = $('table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(2) > pre')
if (first_value.text()[0] === "{") {
  first_timestamp.append("<br/><span id='beautify' class='custom-ldlink'>beautify</span>")
  $('.custom-ldlink').css("background", "#ffb2b2")
  $('.custom-ldlink').css("padding", "0px 5px 0px 5px")

  $(document).on('click', '#beautify', function() {
    var item = $('table:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(2) > pre')
    var text = item.html()
    item.html(JSON.stringify(JSON.parse(text), undefined, 4))
  })
}