在 table 中隐藏显示

Question

我正在尝试使用以下代码点击显示 table 中的一些文本：

<%      
  if isarray(myArray) <> FALSE then
  For Counter = 0 to RowNumber
%>
<tr>
 <td>col1</td>
 <td>col2</td>
 <td><a href="javascript:hideshow(document.getElementById('adiv'))"><img src="/bullet.png"/></a>
 <div id="adiv" style="display:none">Hello</div></td>
</tr>

我希望显示的文本出现在同一 <td> 中，在被单击的同一行中，但它始终出现在 table 的第一行中，无论单击的是哪一行.

有人可以指出我在这里遗漏了什么吗？

-编辑- 删除孤儿 div 并关闭 <a> 标签 wrt Rick Hitchcock 的回答。

Answer 1

你的 a 标签没有关闭，你有一个孤立的 </div> 标签：

... <img src="/bullet.png"/><a></div> ...

改为：

... <img src="/bullet.png"/></a> ...

另外：ids 必须是唯一的，但是 table 的每一行都有相同的 "adiv" id。您可以删除 id 并改为这样做：

<td>
  <a onclick="hideshow(this.parentNode.querySelector('div'))">
    <img src="/bullet.png"/>
  </a>
  <div style="display:none">Hello</div>
</td>

在 table 中隐藏显示

hideshow within a table

javascript

vbscript

asp-classic