title: Can I hide <tr> if all elements in <tr> have display none class. After loading entire page
body: <pre><code>&lt;form id="formid"&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;input type="checkbox"&gt;
            &lt;input type="text" style="display:none"&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;input type="checkbox" style="display:none"&gt;
            &lt;input type="text" style="display:none"&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;input type="checkbox"&gt;
            &lt;input type="text" style="display:none"&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;input type="checkbox" style="display:none"&gt;
            &lt;input type="text" style="display:none"&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I have multiple tables in a form, I want to hide all rows, where all elements have display none style. If we have only one element with display none style (but others are displayed) then no need to hide the row, in the above example hide second row of each table </p>