ho questo codice HTML all'interno di una pagina
- Codice:
<div class="select-wrapper mdb-select md-form _idLngSelector">
<span class="caret">▼</span>
<input type="text" class="select-dropdown" readonly="true" data-activates="select-options-7ee0c8df-27e0-4188-bc75-5ea1f6fd2674" value="">
<ul id="select-options-7ee0c8df-27e0-4188-bc75-5ea1f6fd2674" class="dropdown-content select-dropdown w-100 ">
<li class=">
<img alt="" src="images/flags/en.png" class="rounded-circle">
<span class="filtrable"> English</span>
</li>
<li class="">
<img alt="" src="images/flags/fr.png" class="rounded-circle">
<span class="filtrable"> Français</span>
</li>
<li class="active">
<img alt="" src="images/flags/it.png" class="rounded-circle">
<span class="filtrable"> Italiano</span>
</li>
</ul>
<select class="mdb-select md-form _idLngSelector initialized">
<option value="en" data-icon="images/flags/en.png" class="rounded-circle">English</option>
<option value="fr" data-icon="images/flags/fr.png" class="rounded-circle">Français</option>
<option value="it" data-icon="images/flags/it.png" class="rounded-circle" selected="selected">Italiano</option>
</select>
</div>
e ho bisogno di applicare la classe "Active" al "li" all'interno del quale trovo lo "span" con la parola "Italiano"
di solito uso jQuery per queste cose ma adesso mi sto trovando in difficoltà
al momento ho provato quanto segue:
- Codice:
let l = $('._idLngSelector').children('ul').children('li');
l.removeClass('active');
let k = l.find("span:contains('" + lng + "')"); //lng vale "Italiano"
ma la variabile $k$ è un elemento vuoto
qualcuno saprebbe suggerirmi quale sia il metodo giusto?
Vi ringrazio molto