Превращение строки таблицы в ссылку на определенный класс CSS

#hyperlink #html-table #row #href

#гиперссылка #html-таблица #строка #href

Вопрос:

В настоящее время я использую скрипт для всплывающего окна, где при нажатии на ссылку появится красивое графическое всплывающее окно. Моя проблема в том, что в текущем виде это текстовая ссылка, которая работает нормально. Но я хочу, чтобы вся строка, в которой находится ссылка, была доступна для нажатия и открывала всплывающее окно, а не только ссылку.

Некоторые скажут, что я должен использовать какую-то команду onlick, но моя проблема в том, что моя текущая ссылка определяется как:

 <a href="#?w=400" rel="popup1" class="poplight">Link</a>
  

И я понятия не имею, как добавить rel и class в команду onclick для row fx.
Итак, есть ли какой-нибудь разумный способ сделать это?

Ответ №1:

вы можете использовать этот трюк, чтобы сделать ссылкой целую ячейку

просто добавьте текст, который вы хотите связать, в <div> и задайте ширину и высоту 100%

HTML:

 <td><a href="#"><div>link</div></a></td>
  

CSS:

 td>a>div {width:100%; height:100%}
  

вы можете увидеть пример в JSfiddle (вторая строка):
http://jsfiddle.net/w8W4L /