Javascript - Un selector appropriato

Forum - Javascript - Un selector appropriato

domenico_rizzo (Normal User)
Pro

Messaggi: 90
Iscritto: 27/07/2015

Postato alle 23:08
Martedì, 02/05/2017

Ciao a tutti, avendo questo codice html:

Codice sorgente - presumibilmente Javascript

<select name="gallery" class="image-picker show-html" id="gallery" multiple="" style="display: none;">
   <option data-img-src="foto1.jpg" value="f1.jpg">foto1</option>
   <option data-img-src="foto2.jpg" value="f2.jpg">foto2</option>
</select>
<ul class="thumbnails image_picker_selector">
   <li class="disable-selection">
      <div class="thumbnail selected">
         <img class="image_picker_image" src="f1.jpg">
      </div>
   </li>
   <li class="disable-selection">
      <div class="thumbnail">
         <img class="image_picker_image" src="f2.jpg">
      </div>
   </li>
</ul>

il mio scopo e' intercettare il click di ogni oggetto <div class="thumbnail"> successivo al select id='gallery', e di questi contare quanti elementi hanno la classe selected. Sapreste aiutarmi? perche ho fatto diverse prove ma nessuno fa cio' che dovrebbe... :_doubt:

Ultima modifica effettuata da domenico_rizzo il 02/05/2017 alle 23:12

pierotofy (Admin)
Guru^2

Messaggi: 6230
Iscritto: 04/12/2003

Postato alle 3:33
Mercoledì, 03/05/2017

Qualcosa come:

Codice sorgente - presumibilmente Plain Text

document.querySelectorAll(".image_picker_selector .thumbnail.selected").length

Il mio blog: https://piero.dev

domenico_rizzo (Normal User)
Pro

Messaggi: 90
Iscritto: 27/07/2015

Postato alle 14:05
Mercoledì, 03/05/2017

Oh.. si, perfetto risolve il problema del totale, grazie!

E se io volessi ottenere l'id del SELECT prima dell'elenco UL, come potrei fare?

Ultima modifica effettuata da domenico_rizzo il 03/05/2017 alle 14:12

domenico_rizzo (Normal User)
Pro

Messaggi: 90
Iscritto: 27/07/2015

Postato alle 14:28
Mercoledì, 03/05/2017

Testo quotato

Postato originariamente da domenico_rizzo:

Oh.. si, perfetto risolve il problema del totale, grazie!

E se io volessi ottenere l'id del SELECT prima dell'elenco UL, come potrei fare?

Ho risolto in questo modo:

Codice sorgente - presumibilmente Javascript

var prev_id = $(".thumbnails").prev().attr('id');