JSFiddle - React, Tailwind, and code Playground

by MarkBennett

HTML

<table id="wells">
    <tr>
        <td>Well 1</td>
        <td><a href="#" data-homepage-fmt="type1" data-well-num="1" class="well-launcher">Launch</a></td>
    </tr>
    <tr>
        <td>Well 2</td>
        <td><a href="#" data-homepage-fmt="type2" data-well-num="2" class="well-launcher">Launch</a></td>
    </tr>
</table>

JavaScript

// Define this in home.js
function launchRigData(homepage_fmt, well_num) {
    alert("" + homepage_fmt + ", " + well_num);
}

function pageInit() {
    $("#wells").delegate(".well-launcher", "click", function() {
        var $this = $(this),
            well_num = $this.data("well-num"),
            homepage_fmt = $this.data("homepage-fmt");
        launchRigData(homepage_fmt, well_num);
    });
};

$(function() {
    pageInit();
});