jquery come rilevare piu' informazioni da un click.

[marcopa]

Salve a tutti, sempre alle prese con qualche nuovo dubbio e alla ricerca di conoscere soluzioni per eventi jquery , avrei bisogno del vostro aiuto per questo piccolo esercizio.
Ho delle celle costruite su table td, diciamo due per semplificare, una ha un indice 01, e l'altra indice 02
ogni cella ha una classe univoca class="cella" internamente ha un link per l'evento.
questo e' il codice.

<?php   
echo "<table>";    
echo "<tr><td></td></tr>";   
echo "<tr>";      
echo '<td class="cella" id="01"><span class="fc-day">01</span>';   
echo '<p><a href="#"  title="scaduto"  class="btn btn-danger" > Scaduto </a></p>';   
echo '</td>';      
echo '<td class="cella" id="02"><span class="fc-day">02</span>';   
echo '<p><a href="#" title="attivo"  class="btn btn-default" > Prenotabile </a></p>';   
echo '</td>';
echo "</tr>";   
echo "</table>";
 ?>

al click devo conoscere il numero di ID e sapere se <a href> selezionato e' scaduto o attivo dal'attributo title.
la parte jquery funziona solo rilevando il nome dal title, cioe' scaduto o attivo, ma non riesco ad ottenere il numero id, mi da' sempre 01.

 $(document).ready(function() {
             $("a").click(function(event) {
                   var id = $("td.cella").attr("id");      
                        var target = this.title;
             
                  alert(target + 'id '+ id) 
              });
  });

mi potete aiutare a capire dove sto sbagliando? devo conoscere quale id e' stato scelto!

[fcaldera]

mi potete aiutare a capire dove sto sbagliando?

Come no!

Secondo te perché l'id che ti viene restituito è sempre il primo?
Come leggi l'attributo id?
E in che modo è legato al link sul quale hai cliccato?

Spiega, istruzione per istruzione, e in modo più dettagliato che puoi, cosa succede al click di un link

[lucavizzi]

Sbagli la (j)query:

 var id = $("td.cella").attr("id");

devi risalire alla cella partendo dal tag "a":

var anchor = $(this); // anchor è il tuo tag "a" (quello cliccato)
var td= anchor.parents('.cella'); //questa è la cella "parent" (che contiene) il tag "a"
var id=td.attr('id');

oppure, in maniera meno verbosa:

var id=$(this).parents('.cella').attr('id');

[marcopa]

grazie ragazzi, anche se non funziona l'esempio, mi restituisce undefined, ma non ho comunque capito.
Probabilmente il problema e' nella costruzione della tabella.

echo '<td class="cella" id="01"><span class="fc-day">01</span>';   
echo '<p><a href="#"  title="scaduto"  class="btn btn-danger" > Scaduto </a></p>';   
echo '</td>' 

la chiamata avviene dal click sulla classe di tutta la cella, al suo interno ho il link e' questo che mi
sta creando problemi?

[lucavizzi]

la chiamata avviene dal click sulla classe di tutta la cella

Scusa, l'evento non è associato ai tag "a"?

 $(document).ready(function() {
             $("a").click(function(event) {
                   ...
              });
  });

[marcopa]

Si, scusami la svista, cercavo di capire se attivando alla classe cella avrei avuto piu' facilita' ma e' meglio la tua!
Grazie.
Per studiare jquery come mi consigli di iniziare? per questo esempio "risalire le celle" o comunque leggere concatenazioni
cosa mi consigli?

[lucavizzi]

Si, scusami la svista, cercavo di capire se attivando alla classe cella avrei avuto piu' facilita' ma e' meglio la tua!
Grazie.
Per studiare jquery come mi consigli di iniziare? per questo esempio "risalire le celle" o comunque leggere concatenazioni
cosa mi consigli?

Ti consiglio di iniziare con il linguaggio nativo, Javascript.