Как найти предыдущую ячейку таблицы с помощью jQuery?

У меня есть таблица из 4 столбцов, n строк.

<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>

Я хочу найти и изменить CSS предыдущей ячейки по щелчку флажка. Поэтому, если флажок в любой строке, ячейка 2 щелкнут, мне нужно воздействовать на содержимое этой строки, ячейки 1 или, если какая-либо строка, щелкнута ячейка 4, мне нужно действовать в этой строке, ячейке 3. Я пробовал $(this).parents('td:first').find('p').text();, но это получает как ячейку 1, так и ячейку 3. Я действительно не хочу назначать идентификатор всем ячейкам. Любые предложения, пожалуйста?


jquery html-table selection cell
person Richard    schedule 04.04.2012    source источник

Ответы (1)


arrow_upward
8
arrow_downward

Чтобы напрямую ответить на ваш вопрос в заголовке, вы можете использовать следующее:

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

   // do stuff with prevCell
})

Что касается вашей проблемы в описании ... Не могу их понять, не могли бы вы опубликовать более подробное описание?

person Andreas Wong    schedule 04.04.2012
comment
@ user1295445 вы можете поблагодарить меня, приняв мой ответ :) meta.stackexchange.com/questions/5234/ - person Andreas Wong; 04.04.2012