JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
<tr>
    <td class="left">
        <label>Date: </label>
    </td>
    <td class="cartRight">
        <span id="status0" style="float:right;"></span>2012-06-20
    </td>
</tr>
<tr>
    <td class="left">
        <label>*Anchor Text </label>
    </td>
    <td class="cartRight">
        <input type="text" value="dasdas" onchange="immediateEditItemInCart(this.value,'anchor_text',0,'pr','35')" class="mandatory0" readonly="readonly" id="anchor_text0">
        <br>
    </td>
</tr>
<tr>
    <td class="left">
        <label>*URL </label>
    </td>
    <td class="cartRight">
        <div style="padding:0 !important">
            <div  class="a0" style="padding:0 !important">
                <a  href="dsad.cas">dsad.cas</a>
            </div>
            <input type="text" value="dsad.cas" onchange="immediateEditItemInCart(this.value,'url',0,'pr','35')" class="mandatory0" id="url0" style="display:none">
        </div>
        <br>
    </td>
</tr>
<tr>
    <td class="left">
        <label>Address </label>
    </td>
    <td class="cartRight">
        <input type="text" value="dsada" onchange="immediateEditItemInCart(this.value,'address',0,'pr','35')" class="mandatory0" readonly="readonly" id="address0">
        <br>
    </td>
</tr>
<tr>
    <td class="left">
        <label>Phone </label>
    </td>
    <td class="cartRight">
        <input type="text" value="432423" onchange="immediateEditItemInCart(this.value,'phone_number',0,'pr','35')" class="mandatory0" readonly="readonly" id="phone_number0">
        <br>
    </td>
</tr>
</tbody>
</table>

<table>
<tbody>
<tr>
    <td class="left">
        <label>Date: </label>
    </td>
    <td class="cartRight">
        <span id="status1" style="float:right;"></span>2012-06-21
    </td>
</tr>
<tr>
    <td class="left">
        <label>*Title </label>
    </td>
    <td class="cartRight">
        <input type="text" value="dasdas" onchange="immediateEditItemInCart(this.value,'title',1,'cla','10')" class="mandatory1"...

JavaScript

$('.a0 a').click(function(){
   
    var href = $(this).attr('href');

    // Redirect only after 500 milliseconds
    if (!$(this).data('timer')) {
       $(this).data('timer', setTimeout(function () {
          window.open(href, '_blank')
       }, 500));
    }
    return false; // Prevent default action (redirecting)
});

$('.a0').dblclick(function(){
    clearTimeout($(this).find('a').data('timer'));
    $(this).find('a').data('timer', null);
    
    $(this).parent().find('input').val($(this).find('a').text()).show().focus();
    $(this).hide();
})
    
$('.a0').click(function(){
    $(this).parent().find('input').val($(this).find('a').text()).show().focus();
    $(this).hide();
})

$('#url0, #url1').each(
    function(index, element){
        $(element).blur(function(){
            $(this).hide().prev().show().find('a').html(this.value);
    })
    }    
);