Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Selezionare il figlio

  1. #1

    Selezionare il figlio

    Ciao a tutti ho questa lista:

    codice HTML:
    <div class="content">
    <ul>
    <li><a href="">...</a><li>";
    <li><a href="">...</a><li>";
    <li class="active"><a href="">...</a><li>";
    <li><a href="">...</a><li>";
    </ul>
    </div>
    Come faccio con querySelector a sapere l'index di quello con classe active?
    Poi come faccio a scendere nel DOM di figlio partendo dalla classe content
    Ho provato con :

    codice:
    const obj = document.querySelector(".content");
    obj.children("ul li");
    ma mi da errore mi dice che obj.children non è una funzione.

  2. #2
    Utente di HTML.it L'avatar di cassano
    Registrato dal
    Aug 2004
    Messaggi
    2,972
    Seleziona direttamente quello con classe active fai prima.

  3. #3
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    130
    Punta all' <ul> e ricevi con children la collection relativa ai suoi <li> dopo trasformi la collection in array da ciclare con le relative verifiche interne al ciclo foreach.

    ps. ci sono degli errori html sui tag di chiusura <li> oltre che "; da eliminare

    <ul id="myUL">

    codice:
     const obj = document.querySelector("#myUL").children;
            const toArr = Array.from(obj);
    
            toArr.forEach(element => {
                element.className == "active" ? element.textContent="Active" : element.textContent="NOActive";
                console.log(element);
            });
            //console.log(obj);
    Ultima modifica di ninja72; 26-08-2020 a 19:02

  4. #4
    infatti così ho fatto

  5. #5
    Quote Originariamente inviata da cassano Visualizza il messaggio
    Seleziona direttamente quello con classe active fai prima.
    non posso puntare direttamente sulla classe perche nella pagina ci sono altri tag con questa classe

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.