Как сделать эффект выключения света во всей Столе Таблицы

0

Может ли кто-нибудь помочь мне, как lights off effect во всей table row если я нажму конкретное текстовое поле и удалю эффект "выключить свет", если я снова нажму на конкретное текстовое поле и сделаю то же самое с другими textboxes с конкретными строками таблицы.

Моя проблема в том, что когда я нажимаю на конкретное текстовое поле, текстовое поле является единственным, кто подсвечивается. Я хочу, чтобы это была вся строка таблицы в этом конкретном текстовом поле.

текущий код: http://jsfiddle.net/AP6kr/4/

  • 0
    Просьба опубликовать ваш код в вопросе

2 ответа

1
Лучший ответ

Если вы нацеливаете $(this).parent() вместо $(this), вы получите всю строку. См. JSfiddle: http://jsfiddle.net/AP6kr/6/

Мой пример на самом деле нацелен на <td>, который является родительским элементом ввода. Поскольку это единственный td в строке, он выглядит так же, как если бы вы подняли еще одного родителя на <tr>. вы можете увидеть этот эффект здесь: http://jsfiddle.net/AP6kr/8/

Это в значительной степени неотличимо сейчас, но если бы у вас было больше ячеек в строке, это было бы важно.

  • 1
    Вы также можете использовать closest( "tr" ) вместо стека .parent() . По некоторым причинам строка не выделена даже с классом на нем.
  • 0
    @ Zealot да ... я попробовал, и это не работает
Показать ещё 1 комментарий
0

Вы можете использовать pointer-events:none; на #overlay: http://jsfiddle.net/AP6kr/5/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню