Estoy trabajando con un código de terceros y estoy bastante limitado en términos de filtrado de una lista de elementos.

Cada uno de estos elementos tiene esta estructura:

 <div class="item-preview"> <div class="item-info"> <div class="tag"> <svg class="tag-public"></svg> </div> </div> </div>

Lo único que cambia es la clase svg, por lo que es tag-public o tag-private. Dependiendo del tipo de usuario que esté revisando el contenido, me gustaría ocultarlo cuando sea tag-private . He intentado esto:

 $('.tag-private').closest('.item-preview').hide();

Y esto:

 $('.tag-private').parents('.item-preview').hide();

Pero cualquiera de ellos funciona. El código usa React y los elementos son traídos por JSON/AJAX, así que supongo que el problema está relacionado con tratar de modificar la página una vez cargada...

¿Alguna idea sobre cómo hacer que mi JS "anule" el código original? Gracias una tonelada.