JSFiddle - React, Tailwind, and code Playground

by jackwanders

HTML

<span id="volumemaindetails">
    <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td class="iglabel"><label for="TITLE">Title</label></td>
                <td><input id="TITLE" class="reginput" name="TITLE" type="TEXT" size="15" maxlength="15" value="test"><font color="RED">*</font></td>
            </tr>
            <tr>
                <td class="iglabel"><label for="FIRSTNAME">First name</label></td>
                <td><input id="FIRSTNAME" class="reginput" name="FIRSTNAME" type="TEXT" size="30" maxlength="50" value="test"><font color="RED">*</font></td>
            </tr>
            <tr>
                <td class="iglabel"><label for="SURNAME">Last name</label></td>
                <td><input id="SURNAME" class="reginput" name="SURNAME" type="TEXT" size="30" maxlength="80" value="test"><font color="RED">*</font></td>
            </tr>
            <tr>
                <td class="iglabel"><label for="EMPNO">Employee Number</label></td>
                <td><input id="EMPNO" class="reginput" name="EMPNO" type="TEXT" size="30" maxlength="50" value=""><font color="RED">*</font></td>
            </tr>
            <tr>
                <td class="iglabel"><label>Date of birth</label></td>
                <td><select name="day_DOB" id="day_DOB" class="feday"><option value="0">Day</option></select><select name="month_DOB" id="month_DOB" onblur="dodatecheck_data_DOB(this,document.data.day_DOB,document.data.year_DOB,'MONTH');" class="femonth"><option value="0" selected="">Month</option></select><select name="year_DOB" id="year_DOB" onblur="dodatecheck_data_DOB(document.data.month_DOB,document.data.day_DOB,this,'YEAR');" class="feyear"><option value="0">Year</option></select><font color="RED">*</font></td>
            </tr>
            <tr>        
                <td>&nbsp;</td>
                <td><font color="RED">*</font>At least one phone number is required</td>
            </tr>            
            <tr>       ...

JavaScript

$(document).ready(function() {
    console.log(":not method");
    $elems = $("span#volumemaindetails")
        .find("input[type=text][id], select[id]:not(#month_DOB):not(#year_DOB), textarea[id], tr input[type=submit][id]");
    $elems.each(function() {
            console.log("\t" + $(this).attr("id") + " - " + this.nodeName.toLowerCase());
    });
    console.log("\tCount: " + $elems.length);    
    console.log(".not method");
    $elems = $("span#volumemaindetails")
      .find("input[type=text][id], select[id], textarea[id], tr input[type=submit][id]")
      .not("select#month_DOB, select#year_DOB");
      $elems.each(function() {
            console.log("\t" + $(this).attr("id") + " - " + this.nodeName.toLowerCase());
      });          
    console.log("\tCount: " + $elems.length);    
});