Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - Problema di selezione childs in un each
Forum - Javascript - Problema di selezione childs in un each

Avatar
domenico_rizzo (Normal User)
Pro


Messaggi: 90
Iscritto: 27/07/2015

Segnala al moderatore
Postato alle 20:28
Lunedė, 18/12/2017
Ciao a tutti, ho un problema stavolta per quanto riguarda la selezione dei contenuti figli di link.
Mi spiego meglio mostrandovi il codice html:
Codice sorgente - presumibilmente Javascript

  1. <div class="list-group clean-list" id="list_mod_utenti">
  2.         <a data-id="1" class="list-group-item">
  3.                 <span class="item-grid">TESTO1</span>
  4.                 <span class="item-grid">TESTO2</span>
  5.                 <span class="item-grid">TESTO3</span>
  6.                 <span class="item-grid">TESTO4</span>
  7.                 <span class="glyphicon glyphicon-ok-circle" style="color:#51be2d"></span>
  8.         </a>
  9.         <a data-id="2" class="list-group-item">
  10.                 <span class="item-grid">TESTO5</span>
  11.                 <span class="item-grid">TESTO6</span>
  12.                 <span class="item-grid">TESTO7</span>
  13.                 <span class="item-grid">TESTO8</span>
  14.                 <span class="glyphicon glyphicon-ok-circle" style="color:#51be2d"></span>
  15.         </a>
  16.         <a data-id="3" class="list-group-item">
  17.                 <span class="item-grid">TESTO9</span>
  18.                 <span class="item-grid">TESTO10</span>
  19.                 <span class="item-grid">TESTO11</span>
  20.                 <span class="item-grid">TESTO12</span>
  21.                 <span class="glyphicon glyphicon-ok-circle" style="color:#51be2d"></span>
  22.         </a>
  23.         <a data-id="4" class="list-group-item">
  24.                 <span class="item-grid">TESTO13</span>
  25.                 <span class="item-grid">TESTO14</span>
  26.                 <span class="item-grid">TESTO15</span>
  27.                 <span class="item-grid">TESTO16</span>
  28.                 <span class="glyphicon glyphicon-ok-circle" style="color:#51be2d"></span>
  29.         </a>
  30. </div>


Vorrei capire come posso far a listare (con un ciclo each ad esempio) in modo tale da ottenere i vari contenuti degli span di ogni a figli di #list_mod_utenti? E' possibile farlo con un solo ciclo o devo necessariamente prima listare i link e poi gli span di ognuno?? :_doubt:

P.S. vorrei poter ottenere ad ogni ciclo i vari TESTI#numero di tutti i link figli del div list_mod_utenti

Questa mia versione della soluzione non va e non so come correggerla affinche' funzioni:
Codice sorgente - presumibilmente Plain Text

  1. $("#list_mod_utenti a span").each(function() {
  2.               alert('[' + this.text + ']');
  3. });


Ultima modifica effettuata da domenico_rizzo il 18/12/2017 alle 20:35
PM Quote
Avatar
domenico_rizzo (Normal User)
Pro


Messaggi: 90
Iscritto: 27/07/2015

Segnala al moderatore
Postato alle 21:41
Lunedė, 18/12/2017
Ho risolto cosi:
Codice sorgente - presumibilmente Javascript

  1. $("#list_mod_utenti a").each(function() {
  2.         var SEPARATOR = " - ";
  3.         var str = ( $(this).children("span").map(function() {
  4.           return $( this ).text();
  5.         }).get().join(SEPARATOR) ).slice(0, -SEPARATOR.length);
  6.         alert( str );
  7.     });


PM Quote