Pela classe utilizada no trecho do seu código, suponho que você esteja utilizando o plugin Owl Carousel, eu também o utilizo. Isso que você está tentando fazer pode facilmente ser alcançado o callback afterInit
do próprio plugin.
Você vai querer dar uma olhada na documentação do Owl Carousel especialmente na seção 2 - Callbacks
Vou deixar aqui a solução, mas preparei um demo pra você ver o resultado.
CSS
/* Custom class for the nav - Classe customizada para navegação */
.theme-color {
color: #fff;
background: #3ABC4B !important;
opacity: 1 !important;
}
JS
$(document).ready(function () {
// Inicializa o plugin e define algumas variáveis de customização
$(".owl-carousel").owlCarousel({
navigation: true,
navigationText : false,
navigationText : ["<",">"],
pagination: false, // Esconde a navegação com "dots"
afterInit : attachEvent // Após a inicialização, inclui um novo evento
});
// Com essa função abaixo encontramos o elemento pela classe e adicionamos
// a classe customizada, poderia ser qualquer outra função que você
// decidisse criar, bastaria chamar essa função na variável
// `afterInit :` quando fosse inicializar o plugin
function attachEvent(elem){
elem.parent().find('.owl-prev').addClass('theme-color')
};
});
demo
Espero que consiga atingir o resultado esperado, boa sorte!