JSFiddle - React, Tailwind, and code Playground

by Daniel Retraubun

HTML

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<button id="addSize">Add Size</button>

<table class="table" border="1">
  <tbody>
    <tr class="tr_sz">
      <td>SZ</td>
      <td class="sz_td_det"></td>
    </tr>
    <tr class="tr_cl">
      <td>BLACK</td>
      <td class="colour_td_main"></td>
    </tr>
  </tbody>
  
</table>

</body>
</html>

JavaScript

$(function() {	
    $("#addSize").click(function() {
    		var add_td = $('<td></td>');
        var add_td2 = $('<td></td>');
    		//alert($('.tr_sz').length);
/*
          	var row1 = $('<td></td>').addClass('bar').text('result ');
                add_td.append(row1);
     */     
          $('.tr_sz').append(add_td);
          $('.tr_cl').append(add_td2);
    });
});