JSFiddle - React, Tailwind, and code Playground

by rjzaworski

HTML

<table>
    <tr>
        <td onclick="removeClosestRow(this);">Goodbye row 1</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
    <tr>
        <td onclick="removeClosestRow(this);">Goodbye row 2</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
    <tr>
        <td onclick="removeClosestRow(this)">Goodbye row 3</td>
        <td>Data</td>
        <td>Data</td>
    </tr>
</table>

CSS

td{border:1px solid}

JavaScript

window.removeClosestRow = function(node) {
    while(node = node.parentNode) {
        if (node.tagName.toUpperCase() == 'TR') {
           node.parentNode.removeChild(node);
           break;
        }
    }    
}