Aggiungere classe ad un elemento

Codice:

---

<div id="div_custom_attribute" hidden class="margin-top-10 justify-content-between ">
                                                                        <span class="help question-gis" data-container="body" data-toggle="popover" data-placement="left" title="Nota Bene" data-content="eventuale testo" >
                                                                            <i class="fas fa-question-circle font-blue-steel padding-left-5" style="margin-top: 11px;"></i>
                                                                        </span>
                                                                        <select id="custom_attribute" name="order_status" class="form-control form-filter item2" style="border-left: 0px">
                                                                        </select>
                                                                        <a href="javascript:;" class="layer-upload input-group-addon btn blue-steel fileinput-exists item1" id="btn-upload-custom-building" style="padding: 6px 11px;" title="carica file"><i class="fas fa-upload text-white"></i></a>
                                                                    </div>

---

Scusate ho il seguente codice, avrei bisogno di aggiungere la classe .pippo allo span question-gis quando la classe form-control dentro la select è focus. Potete aiutarmi?
Grazie

Codice:

---

<script>

$(".form-control").on("focus",function(){
    $(this).prev().addClass("mia_classe");
    });

    </script>

---

ok sono riuscito ad aggiungere la classe, ma adesso avrei bisogno di toglierla se non è + focus.
Sapete come si fa? immagino con un if e un else ma non ne sono venuto a capo. help

Risolto bastava cambiare focus con blur