JSFiddle - React, Tailwind, and code Playground

HTML

<div id="row-3">
    <!-- Row 3 start here -->
    <div class="groupz_column1" style="margin-right:0px;"><a href="http://www.xyz.in/ads/test.jpg" title=""><h2>null</h2><img align="left" width="40px" height="40px" src="http://www.xyz.in/ads/test.jpg?id=225"><p>Sign off for limited time offer<p></a>

    </div>
    <div class="groupz_column1" style="margin-right:0px;"><a href="http://www.xyz.in/ads/test.jpg" title=""><h2>Test</h2><img align="left" width="40px" height="40px" src="http://www.xyz.in/ads/test.jpg?id=194"><p>A wonderful opportunity <p></a>

    </div>
    <div class="groupz_column1">    d </div>
    <div class="groupz_column1"></div>
    <div class="clear clearfix"></div>
</div>
<br>
<br>
<hr>
<div id="row_new">
    <!-- Row 3 start here -->
    <div class="groupz_column1">       </div>
    <div class="groupz_column1"></div>
    <div class="groupz_column1"></div>
    <div class="groupz_column1"></div>
    <div class="clear clearfix"></div>
</div>

JavaScript

var getLength = $("#row_new .groupz_column1").html().trim().length;
alert(getLength)
if (getLength == 0) {
    // $("#row_new").remove(); // for remove
    $("#row_new").hide(); // for hide
}