JSFiddle - React, Tailwind, and code Playground

by alpacalips

HTML

<form>     <fieldset>         <table border="0">             <thead>                 <tr>                     <th>Column 1</th>                     <th>Column 2</th>                     <th>Column 3</th>                 </tr>             </thead>                         <tr>                     <td>                         <label for="one">One</label>                         <input type="text" name="one" />                     </td>                     <td>                         <label for="two">Two</label>                         <input type="text" name="two" />                     </td>                     <td>                         <label for="three">Three</label>     <select><option>Hi</option></select>                     </td>                 </tr> 
<tr>                     <td>                         <label for="one">One</label>                         <input type="text" name="one" />                     </td>                     <td>                         <label for="two">Two</label>                         <input type="text" name="two" />                     </td>                     <td>                         <label for="three">Three</label>     <select><option>Hi</option></select>                     </td>                 </tr>

        </table>     </fieldset> </form>

JavaScript

$("table tr:eq(1)").clone().find('*').filter(function() {
    return this.nodeName === 'INPUT' || this.nodeName === 'SELECT';
}).each(function() {
    $(this).css('border-color', 'red');
}).end().end().appendTo("table");