Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    776

    [JQuery] restituire id linea tabella cliccata

    Ciao a tutti,

    ho questo problemino, vorrei, cliccando su una riga di una tabella, che mi fosse restituita l'id della linea cliccata.
    Il problema è che mi restiruisce sempre l'ID della prima linea ovvero 'tr01', indipendentemente dalla linea cliccata.

    il codice html è questo:
    codice:
    <table id="tabellaFattura">
    <tr class="prodottoFattura" id="tr01"><td>111</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr02"><td>123</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr03"><td>222</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr04"><td>321</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr05"><td>456</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr06"><td>222</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr class="prodottoFattura" id="tr07"><td>789</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    </table>
    Mentre il codice Jquery è questo:
    codice:
    $('#tabellaFattura').click(function(){
    idTr=$(this).find('.prodottoFattura').attr("id"); 
    alert(idTr);
    });
    In che cosa sbaglio?

    Grazie,
    Roberto

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    codice:
    $(function(){
        
    $("#tabellaFattura tr").click(function(){
        alert (this.id);
    });
    });
    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    molto meglio usare on

    $('#tabellaFattura').on('click','tr',function(){
    alert(this.id)
    });

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    776
    Grazie a tutti e 2!

    Funzionano entrambe le soluzioni!
    Il risultato è lo stesso, qual è la differenza?

    Roberto

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    che con .on setti un solo gestore evento
    con .click uno per riga
    in un esempio cosi' elementare non noti differenze ma se dovessi lavorare con migliaia di righe inizieresti a notarlo

    inoltre, se dovessi in un secondo tempo appendere ulteriori righe dovresti aggiungere manualmente i click per le nuove righe,
    mentre con .on il gestore e' sempre automaticamente gia' assegnato

    ciao

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    776
    Grazie della risposta, sei stato chiarissimo!

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.