JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<table id="myTable">
    <tr>
        <td><input type="hidden" name="test" value="test1" />Val 1</td>
        <td>Val 2</td>
        <td>Val 3</td>
    </tr>
    <tr>
        <td><input type="hidden" name="test" value="test2" />Val 1</td>
        <td>Val 2</td>
        <td>Val 3</td>
    </tr>
    <tr>
        <td><input type="hidden" name="test" value="test3" />Val 1</td>
        <td>Val 2</td>
        <td>Val 3</td>
    </tr>
</table>

CSS

.blue { background-color: blue; }

JavaScript

$('#myTable tr').click(function() {
    $('#myTable .blue').removeClass('blue');
    $(this).addClass('blue');
    var hiddenVal = $('input[name=test]', this).val();
    //window.location = "http://yourDomain.com?testVal=" + hiddenVal;
});