How to click the close button to delete different div?

clipboard.png

<ul class="notification-warp row">
    <li class="notification-item col-md-3 col-xs-12 col-sm-6">
        <div class="notification-header">
            <i class="icon-success_line icon-success"></i><h4>Notification-title</h4>
                <span class="icon-close_line notification-close"></span>
        </div>
        <div class="notification-body">
                                Notification-body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,body,
        </div>
    </li>
</ul>
Mar.05,2021

$(".notification-close").click(function() {
    $(this).parent('.notification-item').css({display: 'none'})
})
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b378a0-2ade6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b378a0-2ade6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?