如何在整个表行中实现灯光效果

时间:2014-03-20 15:34:46

标签: javascript php jquery html css

任何人都可以帮助我如何在整个lights off effect中制作table row如果我点击特定文本框并删除灯光效果,如果我再次点击特定文本框并与其他{相同{1}}有特定的表格行。

我的问题是,当我点击特定文本框时,文本框是唯一突出显示的文本框。我希望它是特定文本框上的整个表格行。

当前代码:http://jsfiddle.net/AP6kr/4/

2 个答案:

答案 0 :(得分:1)

如果您定位$(this).parent()而不是$(this),则会获得整行。见JSfiddle:http://jsfiddle.net/AP6kr/6/

我的示例实际上是以<td>标记为目标,该标记是输入的父级。因为它是行中唯一的td,所以看起来就像你再向父<tr>标签上移一样。你可以在这里看到这种效果:http://jsfiddle.net/AP6kr/8/

现在几乎无法区分,但如果你每行有更多的细胞,那就很重要了。

答案 1 :(得分:0)

您可以在pointer-events:none;上使用#overlayhttp://jsfiddle.net/AP6kr/5/