我已经用一张桌子摆好了小提琴。
你看，我试图制作一个用户将悬停并单击 td 以显示 id 的表格。检查小提琴，你会明白的。
现在，当用户将鼠标悬停在 Parent4 上时，您可能会注意到表格上有没有文本的空间，用户无法单击它，因此 Child4 不会出现....
现在，有什么办法可以让没有可点击文本的空间显示child4？
我试过了
<td ahref="#child4"> but didn't work...
////？编辑因为它有点令人困惑......
我需要你看看小提琴。您可以看到 Parent4 的单元格比文本大。因此，当用户将鼠标悬停在单元格上时，我希望文本改变颜色并且单元格也改变颜色+如果用户单击单元格 Child4 将不会出现，因为单元格不可点击，所以我的问题是，我该如何制作单元格可点击显示 Child4？
升级版：
我没有更新小提琴，但它现在是最新的。
该href属性是为锚元素 ( <a/>)设计的。您所说的“ahref”应该是<a href="">。a是它自己的元素，而不是 HTML 属性，并且href是它接受的属性。
要使文本td可点击，您只需在其中放置一个锚点：
<td>
<a href="#child4">My clickable text</a>
</td>
编辑：要在添加问题后解决此问题，只需添加以下 CSS：
td a {
display:block;
width:100%;
}
它的作用是将锚标记显示为一个块，允许我们调整宽度，然后将宽度设置为 100%，让它填充剩余的空间。
在 td 标记上添加 onClick 事件。
<td onClick="document.location.href='http://www.yoursite.com';"> some text here </td>
有一种非常简单的方法可以只使用 HTML。将链接文本放在 DIV 中。DIV 占据整个 TD 并使其全部可点击。
<a href="http://whatever.com">
<div>
Link Text
</div>
</a>
如果您试图使一个区域可点击而没有文本，您可以定义标签的大小，如下所示：
<a href='#child4' class="parent" style="display: block;width: 300px;height: 10px;"></a>
这将创建没有任何对象或文本的块。
只是想添加两种对我来说实际上有效的方法：
使用 Angular 5：
一个。在 [yourname].component.html 中：
<table id='myTable'>
<tr><td (click)="myClick()">my cell</td>...
湾。在 [yourname].component.ts: 中（在您导出的类中......）只需实现所需的功能......
export class [youyname].... {
....
myClick() {
}
}
纯JS：
<script>
function myClick(){
console.log("got here");
// Do Whatever you want
}
</script>
<div id='myDiv'>
<table id='myTable'>
<tr><td onClick="myClick()">Yo..</td><td>....
最简单的方法。。
（注意：可以将脚本放在标签中，甚至可以在其中加载外部 JS 文件，但我不喜欢那样做。）
非常简单的方法就是添加 onClick='myFunction()' 例如：
<table>
<tr>
<td onClick="myFunction()">hello</td>
</tr>
</table>
如果使用 pug/jade，请尝试以下操作；
tr(onclick="document.location.href='http://www.google.com';")
td.py-2.align-middle
最简单的事情是用以下内容填充“空”单元格：
那应该对你有用。