数据表查找替换If语句

Question

如何查找/替换数据表中的特定元素？我正在尝试用字体真棒图标替换表格中的元素：

JavaScript的：

$(document).ready(function() {
  $('#example').dataTable();
  $('td').html().replace('0', '<i class="fa fa-thumbs-o-up"></i>');
  $('td').html().replace('1', '<i class="fa fa-warning"></i>');
} );

JFiddle：http://jsfiddle.net/wo02xedr/

Answer 1

迭代文本并使用old参数替换：

$('td').text(function (i, old) {
    $(this).html(old.replace('0', '<i class="fa fa-thumbs-o-up"></i>').replace('1', '<i class="fa fa-warning"></i>'))
});

jsFiddle

Answer 2

你的一些代码是错的，你走了..

$(document).ready(function() {
    $('#example').dataTable();  
    $("td").each(function() {
   $(this).html( $(this).html().replace('0', '<i class="fa fa-thumbs-o-up"></i>').replace('1', '<i class="fa fa-warning"></i>'));

});
});

以下是jsFiddle链接http://jsfiddle.net/wo02xedr/2/

Answer 3

我看到了一些改进：

1. 首先，您应该使用$("td").each(function() {...})
在每个元素上循环
2. 使用td
更新$this.html(...)的html（此处仅为您阅读）

这就是这样的：

$('td').each(function () {
    var $this = $(this);

    $this.html($this.html()
        .replace('0', '<i class="fa fa-thumbs-o-up"></i>')
        .replace('1', '<i class="fa fa-warning"></i>'));
});

看到这个小提琴：http://jsfiddle.net/wo02xedr/8/