JSFiddle - React, Tailwind, and code Playground

by Serge Zahharenko

HTML

<table>
    <tr class="reveal">
       <td>300,00 €</td>
       <td class="remove">X</td>
    </tr>
    <tr class="content">
        <td colspan="2">
           Content
        </td>
    </tr>
    <tr class="reveal">
       <td>300,00 €</td>
       <td class="remove">X</td>
    </tr>
    <tr class="content">
        <td colspan="2">
           Content
        </td>
    </tr>
         <tr class="reveal">
       <td>300,00 €</td>
       <td class="remove">X</td>
    </tr>
    <tr class="content">
        <td colspan="2">
           Content
        </td>
    </tr>
</table>
<div id="status"></div>

JavaScript

var n = 0    
$(".reveal").live('click', function(e){
    $('tr').css('background','green');
    n++;
    $('#status').text(n + 'reveal clicked');
});
$("tr td.remove").live("click", function(e){
    e.stopPropagation();
    $('tr').css('background','red');
    n++;
    $('#status').text(n + 'X clicked');    
});