html - 为什么 `href` 元素上的 `` 属性不起作用？

Question

我设置了一个 fiddle有一张 table 。

你看，我正在尝试制作一个表格，用户将在其中悬停并单击 td 以显示 id。看看 fiddle ，你就会明白。

现在，当用户将鼠标悬停在 Parent4 上时，您可能会注意到表格上没有文本的空间，用户无法单击它，因此 Child4 不会出现....

现在，有什么方法可以使没有文本可点击的空间显示为 child4？

我试过了

<td ahref="#child4"> but didn't work...

////?EDIT 因为有点困惑...

我需要你看看 fiddle 。您可以看到 Parent4 的单元格比文本大。因此，当用户将鼠标悬停在单元格上时，我希望文本改变颜色并且单元格也改变颜色+如果用户单击单元格 Child4 将不会出现，因为单元格不可点击，所以我的问题是，我该如何制作单元格可点击以显示 Child4？

更新:

我没有更新 fiddle ，但它现在是最新的。

Answer 1

href属性是为 anchor elements ( <a/> ) 设计的.您输入的“ahref”应该是 <a href=""> . a是它自己的元素，而不是 HTML 属性，并且 href是它接受的一个属性。

制作td的文本可点击，您可以简单地在其中放置一个 anchor :

<td>
    <a href="#child4">My clickable text</a>
</td>

编辑:添加问题后要解决此问题，只需添加以下 CSS:

td a {
    display:block;
    width:100%;
}

这样做是将 anchor 标记显示为一个 block ，允许我们调整宽度，然后将宽度设置为 100%，使其填充剩余空间。

Working JSFiddle .