Remove or hide a li>div>i if it's empty
<li class="tweet" style="display: list-item;"> <div class="tweet_text_1"> <i class="fa fa-twitter" aria-hidden="true"></i> </div> </li> How to check whether li>div>i>is empty or not and remove li tag on empty in jQuery, CSS?