Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > выделить все столбцы в ячейки

Автор: evya 17.10.2012, 17:23

как с jquery выделить все столбцы <td> в кликнутой строке и присвоить им все одинаковые свойства
чз jquery

Код


<table>
<tr>
<td onclick="$(this).css()"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tdble>

Автор: Aliance 17.10.2012, 17:28

http://jsfiddle.net/Aliance/x2D2z/

Автор: evya 18.10.2012, 13:12

а как нибудь так завернуть?

сначала выделить строку tr а потом применить each???
но то же не работает?!

Код


<td onclick="$(this).parent('tr').each('td',function(){$().css({'border-top':'1px solid red'});">123</td>

Автор: ksnk 18.10.2012, 13:23

Чем не устраивает решение Aliance? Оно полностью соответствует свойству

Цитата(evya @ 17.10.2012, 17:23

)

выделить все столбцы <td> в кликнутой строке

Автор: evya 18.10.2012, 13:57

функция вызывалась при Onclick и в конкретном месте таблицы.

Автор: Aliance 18.10.2012, 14:11

evya, начнём с того, что какой смысл ловить событие на ячейке, если можно сразу на всем столбце и уже идти по дереву вниз, без лишнего шага в нахождением parent? Чем меньше обращений к DOM - тем лучше.

Что касается each, мне она субъективно кажется "тяжелой" и я стараюсь пользоваться ей только в тех случаях, когда без нее не обойтись малой кровью.

Автор: magelan 19.10.2012, 18:08

Цитата(evya @ 18.10.2012, 13:57)

функция вызывалась при Onclick и в конкретном месте таблицы.

этого хотите?

Код


$('td').click(function(){
    $(this).parent().find('td').addClass('red');
});