Question

我已经设置了fiddle表格。

你看，我试图创建一个用户将悬停的表，然后单击td以显示id。检查小提琴，你会理解。

现在，当用户悬停Parent4时，您可能会注意到桌面上没有文字的空间，用户无法点击它，因此Child4不会出现....

现在，有没有什么办法可以让空间里没有可点击的文字，这样就可以显示出child4？

我试过

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

////？编辑因为它有点令人困惑......

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

UPD：

我没有更新小提琴，但它现在是最新的。

Answer 1

href属性是为anchor elements (<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％，允许它填充剩余空间。

Working JSFiddle

Answer 2

在td标记上添加onClick事件。

<td onClick="document.location.href='http://www.yoursite.com';"> some text here </td>

Answer 3

使用HTML只有一种非常简单的方法。将链接文本放在DIV中。 DIV占据整个TD并使其全部可点击。

<a href="http://whatever.com">
  <div>
     Link Text
  </div>
</a>

Answer 4

如果您尝试在没有文字的情况下点击某个区域，可以像这样定义标签的大小：

<a href='#child4' class="parent" style="display: block;width: 300px;height: 10px;"></a>

这将创建没有任何对象或文本的块。

Answer 5

只想添加两种对我有效的方法：

使用Angular 5：

a。在[您的名字] .component.html中：
```
  <table id='myTable'>
     <tr><td (click)="myClick()">my cell</td>...
```
b。在[您的名字] .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文件，但我不喜欢那样做。）

Answer 6

非常简单的方法是添加onClick ='myFunction（）' 例如：

#include <iterator>

Answer 7

如果使用 pug/jade，请尝试以下操作；

Schema Write Strategy -> Do Not Write Schema
Schema Access Strategy -> Inherit Record Schema
Schema Name -> ${schema.name}
Schema Text -> ${avro.schema}
Date Format -> yyyy-MM-dd
Time Format -> HH:mm:ss
Timestamp Format -> yyyy-MM-dd HH:mm:ss

Answer 8

最简单的方法是用“

”填充“空”单元格

&nbsp;

这应该适合你。

使TD可点击

8 个答案: