JSFiddle - React, Tailwind, and code Playground

HTML

<table border=2>
    <tr>
        <td>jQuery</td>
        <td>mootools</td>
    </tr>
    <tr>
        <td>Dojo</td>
        <td>FUEL</td>
    </tr>
    <tr>
        <td>Raphael</td>
        <td>Rico</td>
    </tr>
    <tr>
        <td>SproutCore</td>
        <td>Lively Kernel</td>
    </tr>
</table>

CSS

table { border-size:2px; }

td { padding:5px;width:150px; }
input { float:right;}

JavaScript

$(function() {
   $('tr')
       .find('td')
       .append('<input type="button" value="Delete" class="del"/>')
       .parent()//traversing to 'tr' Element
       .append('<td><input type="button" value="Delete row" class="delrow" /></td>'); 
    
    $('.del').click(function() {
       $(this).parent().remove(); //Deleting TD element
    });
    
    $('.delrow').click(function(){
       $(this).parent().parent().remove(); //Deleting the Row (tr) Element 
    });
});