Html 识别每个<；td>；CSS中没有id的元素

从下面的示例HTML中，在CSS中是否可以向每个

元素添加单击事件？或者在CSS中确定单击/悬停了哪个

元素？一行中的

数量可能会增加

<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>

数据1
弹出窗口
数据2
弹出窗口
数据1
弹出窗口
数据2
弹出窗口

---

我计划在单击

后显示一个弹出窗口或弹出窗口，这些弹出窗口将包含每个

的不同数据。tr format td

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

$('.tr-format td').on('click',function(){//do something here });

---

像点击某物这样的事件通常是用Javascript定义的，而不是CSS。是的，您可以在CSS3中完成这项工作，并使用新功能，如，但我建议您看看如何在JS中完成这项工作。对于这种类型的东西，它确实很容易使用。

试试这个：

$(".tr-format td").each().on('click', function() { /**magic here**/ });

---

您不在CSS中定义事件，而是在javascript中定义事件。在Javascript中，您的问题的答案是肯定的。这些额外隐藏的内容将放在哪里？嗨，我有一个类名为“pmu popup”的div，它设置为display:none。发生单击事件时，如何显示此div？我在函数$（'.pmu popup'）.slideToggle中尝试了这个方法，但它不起作用。