JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<table id="dashboard">
    <tr id="1"><td class="inputData"><input type="checkbox" /></td><td class="group">aaaa</td></tr>
     <tr id="12"><td class="inputData"><input type="checkbox" /></td><td>dddd</td></tr>
     <tr id="3"><td class="inputData 12 "><input type="checkbox" /></td><td>wwww</td></tr>
      <tr id="4"><td class="inputData 12 display"><input type="checkbox" /></td><td>weee</td></tr>
      <tr id="35"><td class="inputData"><input type="checkbox" /></td><td>wwww</td></tr>
      <tr id="6"><td class="inputData"><input type="checkbox" /></td><td>rrrr</td></tr>
      <tr id="7"><td class="inputData"><input type="checkbox" /></td><td>tttt</td></tr>
</table>

JavaScript

// tr Not having class

len = $( ".12" ).not( ".display" )
  .length;

console.log(len);
if(len<1)
    $("tr#12").hide();
else 
   $("tr#12").show();