Javascript 用图像图标替换编辑和删除html按钮

Javascript 用图像图标替换编辑和删除html按钮,javascript,jquery,forms,dynamic,Javascript,Jquery,Forms,Dynamic,在下面的jsfiddle中,一切都完美地工作。但是,我正在尝试用edit.ico和delete.ico替换edit和delete。这两个图标文件将位于同一目录中。我尝试了太多的方法,但都迷失了方向。对于jQuery和Javascript来说非常陌生,但我已经拼凑了一个基于这个JSFIDLE的应用程序 请参见: 我非常感谢任何人能给予我的帮助。用图标替换按钮有不同的方法。这是一个带有编辑和删除图标的JSFIDLE分支 在HTML的顶部,你可以看到一个标签来加载谷歌的材料图标。这些是免费的,易于使

在下面的jsfiddle中,一切都完美地工作。但是,我正在尝试用edit.ico和delete.ico替换edit和delete。这两个图标文件将位于同一目录中。我尝试了太多的方法,但都迷失了方向。对于jQuery和Javascript来说非常陌生,但我已经拼凑了一个基于这个JSFIDLE的应用程序

请参见:


我非常感谢任何人能给予我的帮助。

用图标替换按钮有不同的方法。这是一个带有编辑和删除图标的JSFIDLE分支

在HTML的顶部,你可以看到一个
标签来加载谷歌的材料图标。这些是免费的,易于使用。如果你不熟悉图标,想尝试一下,我建议你使用它们

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
rel="stylesheet">

<i class='material-icons' onclick='deleteRow(" + rowID + ")'>delete</i>
删除

希望这有帮助

请显示有问题的相关代码本身以及预期结果。我在演示中没有看到任何与图标相关的东西。非常感谢你们向我介绍谷歌材料图标的魔力。太棒了。更少的编码顾虑,并且无需编辑图形以适合您的配色方案。令人惊叹的。。。再次感谢!
<i class='material-icons' onclick='deleteRow(" + rowID + ")'>delete</i>