Question

我有一个HTML表格，想要更改列中值大于＆＃39; 1＆＃39;的所有单元格。到字体Aweseome图标。以下＆＃39;工作＆＃39;，但是它打印代码而不是图标本身。

$('.data-mvp').each(function(i, n) {
if($(n).text() > 0) $(n).text('<i class="fa fa-trophy" aria-hidden="true">
</i>');
});

有什么想法吗？

Answer 1

您需要设置.html（）而不是.text（）

此外，您需要从每个元素获取值并将其转换为数字，然后再将其与数值进行比较 - 然后如果它大于0 - 则设置元素的HTML。

另外你在文中说如果值大于“1”那么你想要替换HTML但是在代码中你有测试，如果它大于“0”...所以我改变了如果值大于或等于“1” - 您可能需要更改.....

$('.data-mvp').each(function() {
  var testVal = parseInt($(this).text());
  if(testVal >= 1) {
     $(this).html('<i class="fa fa-trophy" aria-hidden="true"></i>');
  }
});

用Font Awesome图标替换文本值

1 个答案: