0

从下面的示例 HTML 中，是否可以在 CSS 中为每个<td>元素添加点击事件？或在 CSS 中识别<td>单击/悬停的元素？行内的数量<td>可以增加。

<table>
<tr class="tr-format">
    <td>
        Data1
        <div>PopUp</div>
    </td>
    <td>
        Data2
        <div>PopUp</div>
    </td>
</tr>
<tr class="tr-format">
    <td>
        Data1
        <div>PopUp</div>
    </td>
    <td>
        Data2
        <div>PopUp</div>
    </td>
</tr>
</table>

我计划在单击 a 后显示 PopUp 或 PopOver <td>，这些弹出窗口将包含每个<td>.

4

3 回答 3

2

像点击某物这样的事件通常是在 Javascript 中定义的，而不是 CSS。是的，你可以在 CSS3 中使用伪类和动画等新功能来实现，但我建议你看看如何在 JS 中实现。Jquery真的很容易用于那种事情。

于 2013-07-03T11:39:39.813 回答
0

尝试这个：

$(".tr-format td").each().on('click', function() { /**magic here**/ });
于 2013-07-03T11:43:46.650 回答
0

.tr-format td 将此选择器用于 CSS。您需要 Javascript 或 Jquery 来附加事件。

$('.tr-format td').on('click',function(){//do something here });
于 2013-07-03T11:37:39.350 回答