JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu_tipo_filtro roboto">
        <li midiatipo="0" class="tipo_filtro_p"><a>Todos</a></li>
        <li midiatipo="1" class=""><a>Imagens</a></li>
        <li midiatipo="2" class="" ><a>VĂ­deos</a></li>
        <li midiatipo="3" class="tipo_filtro_u ativo"><a>Arquivos</a></li>
    </ul>

CSS

.foo { color: #f13; }
.Amy { color: #f53; }

JavaScript

component = $('ul').children('li');

    component.each(function(i){
            teste = $(this).attr(midiatipo);
            if(teste == 2){
            $(this).css("display","none");
            }
            i++;
        });