Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Jquery each

  1. #1

    Jquery each ... aaaargh

    ho una serie di div che si chiamano di1,di2,di3, ma possono arrivare ad un numero indefinito.
    Adesso le visualizzo con questo codice:
    $("#elenco_elimina_gruppo").find("div.di1").show() ;
    $("#elenco_elimina_gruppo").find("div.di3").show() ;
    $("#elenco_elimina_gruppo").find("div.di5").show() ;

    vorrei sostituire questo codice con la funzione each del Jquery.
    Mi potete aiutare?

  2. #2
    Puoi mettere un esempio del codice di ""#elenco_elimina_gruppo"?

  3. #3

    codice

    Questo è il codice:[*]
    <div class="di1">John Doe</div>
    <div class="di2">John Paul</div>
    [*]
    <div class="di3">Pluto</div>
    <div class="di4">Paperino</div>


    devo visualizzare gli stati dispari: di1,di3,ecc

  4. #4
    Allora, o assegni una classe "pari" agli elementi pari ed una classe "dispari" agli elementi dispari, oppure potresti usare questo codice, un po macchinoso, ma funzionante

    codice:
    $("#elenco_elimina_gruppo div").each( function(){
      var currentDivClass = $(this).attr("class");
      if(parseInt(currentDivClass) % 2 != 0){
        $(this).show();
      }
    });
    Il codice l'ho scritto ora al volo, se non funziona o hai notato qualche errore fammi sapere!

  5. #5

    non va!

    per dversi motivi, non posso chiamare la classe pari o dispari. Ci avevo pensato ma non posso.
    Il tuo codice non funziona! Dopo ricontrollo, ma mi visualizza tutto.
    Grazie

  6. #6
    codice:
    $(document).ready(function() {
      $("#elenco_elimina_gruppo div").each( function(){
        var currentDivClass = $(this).attr("class");
        if($(this).index() % 2 == 0){
          $(this).show();
        }
      });
    });
    Ora funziona, c'era un piccolo errore a causa di un mio presupposto sbagliato

  7. #7

    ok

    grazie funziona

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