javascript - 在每个单元格上添加字形图标不起作用

Question

我正在使用以下 jquery 代码填充表格单元格

 $(this).parent().html('<span class=\"asset_value\">'+ comment +'</span><span id=\"save\" class=\"glyphicon pull-right\">&nbsp;</span>').css('color', 'red');

然后格式化保存跨度使用

$("#save").addClass('glyphicon-floppy-disk');
$("#save").css("color", "#009900");

我希望在每个表格单元格上应用 onclick 这种格式。但是我注意到，每次单击表格单元格时，文本颜色都会变为红色(由于 .css('color', 'red'))，但我每次都不会得到字形图标。知道为什么吗？如何解决？看起来 span id=save 只能使用一次。

谢谢

Answer 1

ID 在文档中应该是唯一的。因此 ID 选择器将选择它找到的第一个 ID。改用类并尝试使用 .save 而不是 #save