使表行成为具有特定CSS类的链接

时间:2011-11-14 14:32:18

标签: hyperlink html-table row href

我目前正在使用弹出窗口的脚本,当你点击链接时,会出现一个漂亮的图形弹出窗口。我的问题是,在它的当前形式中它是一个文本链接,它正常工作。但我希望整行,即链接所在的行,可以推送,并打开弹出窗口,而不仅仅是链接。

有人会说我应该使用某种类型的onlick命令,但我的问题是,我当前的链接定义为:

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

我不知道如何将rel和class添加到行fx的onclick命令中。 那么有一些聪明的方法吗?

1 个答案:

答案 0 :(得分:0)

您可以使用此技巧将整个单元格设为链接

简单地说,在<div>中添加要将其链接的文字,并将宽度和高度设置为100%

HTML:

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

CSS:

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

你可以在JSfiddle(第二行)看到一个例子: http://jsfiddle.net/w8W4L/