[jQuery] Poruszanie się po drzewie DOM Opcje

[gebp]

Mam problem aby dostać się do odpowiedniego elementu ( w drzewie DOM) za pomocą jQuery (aby przypisać mu zdarzenie onclick) W javascript bym sobie poradził ale chcę się nauczyć chociaż trochę jQuery.

[HTML] pobierz, plaintext 
<table id="tab" cellspacing="0" border="1">
<tbody>
  <tr>
    <td> Chcę się dostać do tego elementu </td>
    <td> i tego </td>
    <td> i tego </td>
    <td> i tego </td>
    <td> i tego </td>
    <td> i tego </td>
  </tr>
  <tr>
    <td> Ale NIE tego</td>
    <td> i tego też nie</td>
    <td>ten także jest zabroniony</td>
    <td> i ten</td>
    <td>WYKLUCZONE</td>
    <td> rówież </td>
  </tr>
</tbody>
</table>
<br />
<button onclick="test('tab')">Test</button>
 
[HTML] pobierz, plaintext 

i skrypt (a raczej to co wymyśliłem ale nie działa)

[HTML] pobierz, plaintext 
<script type="text/javascript">
function test(idtab){
 
$('#'+idtab).first("tr").each( function (i, el) {	
   $(el).css("backgroundColor", "yellow");
   $(el).click( function () { 
     alert("to jest komórka nr "+i);}
   );
}); 
 
}
 
 
</script>
[HTML] pobierz, plaintext 

Dzięki za wszystkie podpowiedzi i wyjaśnienia.

P.S. Wiem że dziwnie (inaczej niż wzorzec jQuery) pisze funkcje jednak tak mi jest wygodniej.

[kalmaceta]

nie "each'uje" po elemencie <tr> tylko po jego zawartości. hint

Ten post edytował kalmaceta 8.01.2011, 11:11:45