title: How to hide the rows in Table when the value is empty?
body: <p>We need to hide the row  when the value is empty . but cant able to get the value of the empty column value and check it . Code used so far is </p>
  
  <pre><code>(function($) {
  $('#event tr').each(function() {
  if ($(this).find('.event:empty').length) $(this).remove();
  });
  
  
  
  
  
  })(jQuery);
  </code></pre>
  
  <p>Please see the below screenshot and marked cell is empty we need to hide the entire row <a href="https://i.stack.imgur.com/P1tvl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P1tvl.png" alt="enter image description here"></a></p>
  
  <p>HTML Structure</p>
  
  <pre><code>&lt;table class="tribe-events-calendar" id="event"&gt;
            &lt;thead&gt;
      &lt;tr&gt;
              &lt;th id="tribe-events-date" class="width-print" title="date" style="width:10%"&gt;date&lt;/th&gt;
              &lt;th id="tribe-events-date" class="width-print" title="Weekday" style="width:10%"&gt;Weekday&lt;/th&gt;
      &lt;th id="tribe-events-date" title="holiday name" style="width:20%"&gt;holiday name&lt;/th&gt;
      &lt;th id="tribe-events-date" title="holiday type" style="width:60%"&gt;holiday type&lt;/th&gt;
  
  
      &lt;/tr&gt;
        &lt;/thead&gt;
  
   &lt;tbody&gt;
  &lt;tr&gt;
  
  
  
  &lt;td style="width:15%"&gt;
   &lt;div id="tribe-events-daynum-2-0"&gt;
   2  &lt;/div&gt;
              &lt;/td&gt;
              &lt;!-- day --&gt;
              &lt;td style="width:15%"&gt;
              Mon&lt;/td&gt;
              &lt;!-- HOLIDAY NAME --&gt;
              &lt;td style="width:85%" class="event"&gt;
  
              some value
  
              &lt;/td&gt;
              &lt;!-- HOLIDAY Type--&gt;
  
  
              &lt;td&gt;
  
              &lt;p&gt;National Holiday &lt;/p&gt;
  
              &lt;/td&gt;
  
  
  
              &lt;!-- View More --&gt;
                      &lt;/tr&gt;
  
  
                      &lt;tr&gt;
  
              &lt;!-- Day Header --&gt;
  
              &lt;td style="width:15%"&gt;
              &lt;div id="tribe-events-daynum-2-0"&gt;
              2   &lt;/div&gt;
              &lt;/td&gt;
              &lt;!-- day --&gt;
              &lt;td style="width:15%"&gt;
              Mon&lt;/td&gt;
              &lt;!-- HOLIDAY NAME --&gt;
              &lt;td style="width:85%" class="event"&gt;
  
  
              &lt;/td&gt;
              &lt;!-- HOLIDAY Type--&gt;
  
  
              &lt;td&gt;
  
              &lt;p&gt;National Holiday &lt;/p&gt;
  
              &lt;/td&gt;
  
  
  
              &lt;!-- View More --&gt;
                      &lt;/tr&gt;
  
              &lt;/tbody&gt;
              &lt;/table&gt;
  </code></pre>