需要显示其他信息

Question

我有一个网格和一个额外的信息（任何数据）。

我的HTML

<tr>
  <td>1</td>
  <td>2</td>
  <td><a href="#">Show details</a></td>
</tr>

那么，我该如何显示信息块呢？我可以使用jQuery吗？

Answer 1

如果您想显示任何详细信息，您应该按照以下内容修改链接并添加阻止以获取详细信息：

<td><a id="link" href="javascript:if($('#link').text()=='Show details'){$('#info').css('display','block');$('#link').text('Hide details')}else{$('#info').css('display','none');$('#link').text('Show details')}">Show details</a></td>
<div style="display:none" id="info">There is no additional info for 1 and 2</div>

不要忘记导入jquery。