Question

我需要创建一个html页面，其中我有三个带图像的表，一个按钮比较，在页面加载时只显示两个表，当用户点击比较按钮然后第三个表应该出现三个图标

绿色：高度匹配蓝色：可能的匹配红色：不匹配

如何在我的html页面中包含这些图标，我可以使用jquery执行此操作吗？或任何其他方式？

请帮帮我。

这里是代码，我在这里比较指纹

<td><table style="width: 100%;"><tr>
 <td style="width: 10%; text-align: center;  border: none;" > Right Thumb</td>
<td style="width: 10%; text-align: center;  border: none;"><span style="width: 50%;  border:     none;"><img src="img/RIGHT_THUMB.png" alt="right thumb" height="120"/></span></td>
<td><table style="width: 100%;"><tr>
 <td style="width: 10%; text-align: center;  border: none;" > Right Thumb</td>
<td style="width: 10%; text-align: center;  border: none;"><span style="width: 50%;  border: none;"><img src="img/RIGHT_THUMB.png" alt="right thumb" height="120"/></span></td>
<input type="button"  value="compare"/>

提前致谢。

Answer 1

使用jquery或javascript。首先制作图标＆amp;表可见性为false，然后使它们出现在比较按钮的单击事件上。或者你可以使用jquery或javascript动态添加该按钮。

如何使用jquery在html页面中插入带有图标（红色，绿色和蓝色）的表格

1 个答案: