Galera, possuo várias DIVs iguais a essa:
<div class="funcionalidade">
<div class="imagem-funcionalidade azul-escuro">
<img src="https://www.xxx.com.br/img/xxxx/xxxx/logo-xxx.png"/>
</div>
<div class="conteudo-funcionalidade">
<div class="conteudo-titulo-funcionalidade">
<p class="titulo-funcionalidade">XXX XXXX</p>
</div>
<div class="ver-funcionalidade">
<img src="https://www.xxx.com.br/img/controle_transportadoras/func-xxx.png" id="emissao-de-cte" class="img-ver-mais" />
</div>
</div>
Quando o meu usuário clicar sobre a DIV ver funcionalidade eu quero que ele remova a classe (azul-escuro) da DIV "imagem-funcionalidade".
Consigo fazer todo o restante do processo porém não consigo remover esta DIV, eu não posso simplesmente pedir para ele dar um FIND, porque preciso remover apenas daquela DIV específica que foi clicada. Tentei fazer também com o parent() porém só consigo voltar um nível atrás. Fiz também alguns testes utilizado o parentElement, mas ele não permite utilizar junto o removeClass(".azul-escuro").
Testes feitos:
$(this).parent(".imagem-funcionalidade").removeClass("azul-escuro");
this.parentElement.parentElement.parentElement.removeClass(".azul-escuro");
this.parentElement.parentElement.parentElement.parent(".imagem-funcionalidade")removeClass(".azul-escuro")