Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выделение строки в таблице (https://javascript.ru/forum/jquery/22409-vydelenie-stroki-v-tablice.html)

Tmin10 18.10.2011 16:51

Выделение строки в таблице
 
Есть таблица, пункты в которую могут дописываться с помощью
table.append(text);

где в text лежать строки <tr>...</tr>
Так вот, я пытаюсь выделить всю строку другим цветом при клике (пока пробую ячейки, как со строкой быть не знаю):
$('#telo_tb tr').click(function(){
	$(this).css('background-color','red');
	alert('!');
});

Но сообщение появляется только если кликнуть по первой строке, которая не была добавлена динамически, а прописана в html.
В чём может быть проблема и как выделить всю строку цветом?


P.S.
Исходный формат таблицы:
<table id='ctable' class='tablesorter'>
	<thead>
		<tr class='head'>
			<th>1</th>
			<th>2</th>
			<th>3</th>
			<th>4</th>
			<th>5</th>
		</tr>
	</thead>
	<tbody id='telo_tb'>
		<tr>
			<td>ууу</td>
			<td>ааа</td>
			<td>ччч</td>
			<td>ыыы</td>
			<td>яяя</td>
		</tr>
	</tbody>
</table>

ksa 18.10.2011 19:50

Цитата:

Сообщение от Tmin10
В чём может быть проблема

У тебя обработчик прописывается только на строки, которые существовали в момент старта. Динамически добавленные не имеют обработчика...

Цитата:

Сообщение от Tmin10
как выделить всю строку цветом?

Вот есть статейка...
http://javascript.ru/tutorial/events...nye-s-sobytiem

DjDiablo 18.10.2011 22:49

А почему бы не использовать live.
$('#telo_tb tr').live("click", function(){
	$(this).css('background-color','red');
	alert('!');
});


Часовой пояс GMT +3, время: 15:07.