JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    <li id="list_1" class="list"><a href="http://">hide</a></li>
    <li id="list_2" class="list"><a href="http://">hide</a></li>
    <li id="list_3" class="list"><a href="http://">hide</a></li>
    <li id="list_4" class="list"><a href="http://">hide</a></li>
</ul>

<span class="updateNumber">0</span>

JavaScript

$(document).ready(function() {
    $('#list li a').on('click', function(e) {
        e.preventDefault();
        $(this).parent().hide();
        $('.updateNumber').html(function(){
            return parseInt($(this).text(),10)+1;
        });
    });
});