JSFiddle - React, Tailwind, and code Playground

by Mark Pitman

HTML

<body>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script>
        var go = function () {
    alert($("tr#theone").nextAll().find("select").first().val());
}
    </script>
    <button onClick="go()">Go</button>
    <table>
        <tbody>
            <tr><td>Stuff</td></tr>
            <tr><td>Stuff</td></tr>
            <tr>
                <td>
                    <select>
                        <option value="a" selected>a</option>
                        <option value="b">b</option>
                        <option value="c">c</option>
                        <option value="d">d</option>
                    </select>
                </td>
            </tr>
            <tr id="theone"><td>theone</td></tr>
            <tr><td>Stuff</td></tr>
            <tr><td>Stuff</td></tr>
            <tr>
                <td>
                    <select>
                        <option value="a">a</option>
                        <option value="b" selected>b</option>
                        <option value="c">c</option>
                        <option value="d">d</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <select>
                        <option value="a">a</option>
                        <option value="b">b</option>
                        <option value="c" selected>c</option>
                        <option value="d">d</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <select>
                        <option value="a">a</option>
                        <option value="b">b</option>
                        <option value="c">c</option>
                        <option value="d" selected>d</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</body>