Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2011
    Messaggi
    134

    recuperare classe Jquery

    Salve a tutti,

    Ho il seguente elenco
    codice:
    <h2>Seleziona il giorno</h2>
    <li class='lune' id='giorno'>Lunedi
    <li class='marte' id='giorno'>Martedi
    <li class='merco' id='giorno'>Mercoledi
    <li class='giove' id='giorno'>Giovedi
    <li class='vene' id='giorno'>Venerdi
    <li class='saba' id='giorno'>Sabato
    <li class='dome' id='giorno'>Domenica
    ora vorrei che al click di un elemento mi prendesse il nome della classe e la mettesse in una variabile ad esempio:

    clicco sul listato Martedi e il dato marte va a mettersi nella variabile giorno.

    Ecco il codice che ho utilizzato e che prende solamente lunedi:

    codice:
    $("#giorno").click(function(){
    
    var giorno = $("#giorno").attr('class');
    come potrei fare? Grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Id tutti uguali e l'univocità? (Caratteristica essenziale per id) se la lista la generi lato server (con un ciclo for) aggiungigli un numero progressivo giorno1 giorno2 etc...
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2011
    Messaggi
    134
    Hai ragione, ma non voglio farlo tramite server... quale soluzione potrei attuare?

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Una cosa del genere potrebbe andarti bene?

    codice:
    <ul id='giorno'>
    <li class='lune'>Lunedi
    <li class='marte'>Martedi
    <li class='merco'>Mercoledi
    <li class='giove'>Giovedi
    <li class='vene'>Venerdi
    <li class='saba'>Sabato
    <li class='dome'>Domenica[/list]
    js
    codice:
    $("#giorno li").click(function(){
    
    var giorno = $(this).attr('class');
        
        alert(giorno);
    });

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.