Datatables Find Replace If Statement

Datatables Find Replace If Statement

本文关键字：Statement If Replace Find Datatables      更新时间：2023-09-26

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

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>');
} );

J投标：http://jsfiddle.net/wo02xedr/

使用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

您的一些代码是错误的，开始吧。。

$(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/

我看到了一些改进：

  1. 首先，应该使用$("td").each(function() {...})对每个元素进行循环
  2. 用以下内容更新td的html（此处仅阅读）：$this.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/

相关文章：