JSFiddle - React, Tailwind, and code Playground

by Ben Watts

HTML

<table>
    <tr>
        <th>Name</th>
        <th>Clicks</th>
        <th>Clicks2</th>
    </tr>
    <tr>
        <td> <span id="span1">Hi!</span>
 <a href="#">Save</a>

        </td>
        <td style="block"> <a href="#" class="Click" id="click1">Click Me</a>

            <select>
                <option>1</option>
            </select>
        </td>
        <td> <a href="#" class="Click" id="click2">Click Me</a>

            <select>
                <option>2</option>
            </select>
            <span id="span1">Hi!</span>
        </td>
    </tr>
</table>

CSS

table, tr, td, th {
    width: 750px;
    border: 1px solid black;
    border-collapse: collapse;
    align: centre
}
select, a {
    display: block;
}

JavaScript

$(function () {
    $('tr > td a').on('click', function (e) {
        alert($(this).parent().find('span').html());
    });
});