JSFiddle - React, Tailwind, and code Playground

by TheDiamondDoge

HTML

<table>
  <tr>
    <td id="data_transform">
      <a href='somehref'>80%</a>
    </td>
  </tr>
  <tr>
    <td id="data_transform">
      <a href='somehref2'>820%</a>
    </td>
  </tr>
</table>

JavaScript

$("td#data_transform").each();

var link = $("td a").attr('href');
var percentage = $("td a").html().slice(0, -1);

$("td").html('');

$("<input>").attr({
  readonly: true,
  name: 'value',
  size: 3,
  kpinametype: "7.1"
}).val(percentage).addClass('input_view_mode').css('display', 'inline-block').appendTo($('td'));

$("<input>").attr({
  readonly: true,
  name: 'value',
  kpinametype: "7.1"
}).val(link).addClass('input_view_mode').css({
  'display': 'inline-block',
  'width': '90px'
}).appendTo($("td"));