Selezione di un elemento senza id in HTML con jQuery

Messaggioda Summerwind78 » 24/06/2019, 08:04

Buongiorno a tutti

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
Summerwind78
Senior Member
Senior Member
 
Messaggio: 1483 di 1488
Iscritto il: 29/01/2011, 15:06
Località: Italia

Re: Selezione di un elemento senza id in HTML con jQuery

Messaggioda giovx24 » 24/06/2019, 10:35

ciao
non so se ho capito, devi accedere allo span con scritto "italiano"?

in tal caso

Codice:
let span;
$("#select-options-7ee0c8df-27e0-4188-bc75-5ea1f6fd2674").find("li span").each(function(){
   
    if($(this).html() == ' Italiano'){
        span = $(this);
    }
});


qualcosa del genere può andare bene
giovx24
Junior Member
Junior Member
 
Messaggio: 146 di 190
Iscritto il: 13/06/2018, 13:53

Re: Selezione di un elemento senza id in HTML con jQuery

Messaggioda Summerwind78 » 24/06/2019, 11:07

Ciao

per prima cosa grazie per la risposta.

In realtà ho bisogno del "li" nel quale "span" ha scritto "italiano"
Summerwind78
Senior Member
Senior Member
 
Messaggio: 1484 di 1488
Iscritto il: 29/01/2011, 15:06
Località: Italia

Re: Selezione di un elemento senza id in HTML con jQuery

Messaggioda Summerwind78 » 24/06/2019, 11:58

Ho risolto!

Grazie mille per il suggerimento
Summerwind78
Senior Member
Senior Member
 
Messaggio: 1485 di 1488
Iscritto il: 29/01/2011, 15:06
Località: Italia

Re: Selezione di un elemento senza id in HTML con jQuery

Messaggioda giovx24 » 24/06/2019, 12:05

di nulla :)
posta il codice se puoi
giovx24
Junior Member
Junior Member
 
Messaggio: 147 di 190
Iscritto il: 13/06/2018, 13:53


Torna a Informatica

Chi c’è in linea

Visitano il forum: Majestic-12 [Bot] e 4 ospiti