JSFiddle - React, Tailwind, and code Playground

by Vikram Anand

HTML

<script src="http://wstation.inmomundo.com/static01/scripts/jquery.1.11.0.min.js"></script>
<table>
    <tr>
        <td></td>
        <td>
            <select>
                <option>One</option>
                <option>Two</option>
            </select>
            <button>+</button>
        </td>
        <td>
            <input type="text" />
        </td>
    </tr>
    <tr>
        <td>
            <button class="addRow">Add ME</button>
        </td>
    </tr>
</table>

JavaScript

$(document).ready(function () {
    $(document).on("click", ".addRow,.makeStrng", function () {

        var $id = $(this).attr("id");
        var $class = $(this).attr("class");
        if ($class == "addRow") {
            var $row = $(this).closest("tr"); // Finds the closest row <tr>
            var prev = $row.prev();
            $(prev).after("<tr>" + prev.html() + "</tr>");
        }
        if ($class == "makeStrng") {
            //alert("MakeStrng");
            $class = $(this).closest("select");
            alert($($class + " option:selected").text());
        }

    });

});