2012-04-04 15 views
7

Mam tabelę 4 kolumn, w wierszach.Jak znaleźć poprzednią komórkę tabeli za pomocą jQuery?

<table border="0"> 
<tr><td><p>Cell 1 text</p> </td><td>chkbox in cell2</td><td><p>Cell 3 text</p></td><td>chkbox in cell4</td> 
</tr> 
</table> 

Chcę znaleźć i zmienić kod CSS poprzedniej komórki po kliknięciu pola wyboru. Więc jeśli pole wyboru w dowolnym wierszu, kliknięto komórkę 2, muszę działać na zawartość tego wiersza, komórki 1, lub jeśli dowolny wiersz, komórka 4 jest kliknięty Muszę działać w tym wierszu, komórka 3. Próbowałem już $(this).parents('td:first').find('p').text(); ale to robi się zarówno komórka 1 & komórka 3 Naprawdę nie chcę przypisać identyfikator do wszystkich komórek. Wszelkie sugestie proszę?

Odpowiedz

8

Aby bezpośrednio odpowiedzieć na pytanie w tytule, można użyć następujących:

$('checkbox').change(function() { 
    var prevCell = $(this).closest('td').prev(); 

    // do stuff with prevCell 
}) 

Co do problemu w opisie ... Naprawdę nie mogę ich zrozumieć, można zakładać dokładniejszy opis ?

+0

Działa dobrze. Bardzo dziękuję – Richard

+0

@ user1295445 możesz mi podziękować, akceptując moją odpowiedź :) http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work –

+0

Tak, teraz pozwoli mi. – Richard