Problem z "nextSibling" Opcje

[klaudio]

Witam
Mam taki problem. Mianowicie mam tabelke, i jest w niej 5 wierszy, kazdy z wierszy ma ID i odpala sie taka funkcja onclick="tabelka(this);" po kliknieciu na wiersz. I teraz chodzi mi o to ze np. jak klikne w wiersz o ID dwa to funkcja ma przejsc na noda za nim, czyli na noda o ID trzy i wypisac w alercie "trzy".
Kod ponizej wypisuje mi undefined. Czy ktos ma jakis pomysl jak t zrobic.

Z gory dziekuje za pomoc i pozdrawiam (IMG:style_emoticons/default/smile.gif)

<table border='0' cellspacing='0' cellpadding='0'>
<tr id="jeden" onclick="tabelka(this);"><td>1</td></tr>
<tr id="dwa" onclick="tabelka(this);"><td>2</td></tr>
<tr id="trzy" onclick="tabelka(this);"><td>3</td></tr>
<tr id="cztery" onclick="tabelka(this);"><td>4</td></tr>
<tr id="piec" onclick="tabelka(this);"><td>5</td></tr>
</table>

<script>
var child;
function tabelka (e){
child = e;
child = child.nextSibling;
alert(child.id);
}
</script>

[klaudio]

Dzieki "kamil4u" Dokladnie o to chodzilo (IMG:style_emoticons/default/smile.gif) Wszystko dziala idealnie.

A teraz mam jeszcze inne pytanie w tej samej tematyce. Zalozmy ze mam takie cos jak ponizej, i mam dwie tabele w jednym divie i tak samo chce klikajac na TR o ID dwa zeby przeszedl na nastepnya TR i pokazal mi alert "trzy" itd. ale w tym wypadku jak klikne na TR o ID piec to jest null jako ze dajej juz nie ma. Czy jest mozliwosc zrobienia tak ze jak klikne na TR o ID piec to wyswietli mi alert "szesc"(IMG:style_emoticons/default/questionmark.gif)

Z gory dzieki jeszcze raz za odpowiedz i pozdrawiam.

<div id="container">
<table id="t1" border='0' cellspacing='0' cellpadding='0'>
<tr id="jeden" onclick="tabelka(this);"><td>1</td><td>1</td></tr>
<tr id="dwa" onclick="tabelka(this);"><td>2</td><td>2</td></tr>
<tr id="trzy" onclick="tabelka(this);"><td>3</td><td>3</td></tr>
<tr id="cztery" onclick="tabelka(this);"><td>4</td><td>4</td></tr>
<tr id="piec" onclick="tabelka(this);"><td>5</td><td>5</td></tr>
</table>
<table id="t2" border='0' cellspacing='0' cellpadding='0'>
<tr id="szesc" onclick="tabelka(this);"><td>6</td><td>6</td></tr>
<tr id="siedem" onclick="tabelka(this);"><td>7</td><td>7</td></tr>
<tr id="osiem" onclick="tabelka(this);"><td>8</td><td>8</td></tr>
<tr id="dziewiec" onclick="tabelka(this);"><td>9</td><td>9</td></tr>
<tr id="dziesiec" onclick="tabelka(this);"><td>10</td><td>10</td></tr>
</table>
</div>

<script>
var child;
function tabelka (e){
child = e;
child = child.nextSibling;

while(child && child.nodeType != 1){
child = child.nextSibling;
};

if(child == null){
alert("wiecej TR nie ma");
}
alert(child.id);
}
</script>

Ten post edytował klaudio 22.08.2012, 13:22:27