Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    click sul tag impostato

    Ciao a tutti e scusate per il titolo ma non mi veniva nulla in mente.
    Ho questo code html e js:

    codice HTML:
    <ul>
    <li class="cnt-list">
    <div>...</div>
    <div>...</div>
    <div>...</div>
    </li>
    <li class="cnt-list">
    <div>...</div>
    <div>...</div>
    <div>...</div>
    </li>
    <li class="cnt-list">
    <div>...</div>
    <div>...</div>
    <div>...</div>
    </li>
    ...
    </ul>
    JS:
    codice:
    const recGrid = document.querySelectorAll(".cnt-list");
    
    
    recGrid.forEach((item) => {
        item.addEventListener("click", (e) => {
            e.target.classList.toggle("active");
            let data = e.target.getAttribute("data-ida");
            alert(data);
        });
    });
    Ora se clicco su un li giustamente lui mi dice che ho cliccato su uno dei div figli, come posso modificare per far si che anche se il click avvine su un div mi deve restituire il padre "li"
    Questo potrei farlo con parentNode "e.target.parentNode... ma ce un modo differente?

  2. #2
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    23,956
    Quote Originariamente inviata da techno Visualizza il messaggio
    Ora se clicco su un li giustamente lui mi dice che ho cliccato su uno dei div figli, come posso modificare per far si che anche se il click avvine su un div mi deve restituire il padre "li"
    Usa la proprietà currentTarget dell'evento al posto di target.

    Ciao!
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

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 © 2021 vBulletin Solutions, Inc. All rights reserved.