Datatables Find Replace If Statement

Question

How do I do a find/replace on specific elements in a datatable? I'm trying to replace elements in the table with font awesome icons:

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/

Ohgodwhy · Accepted Answer · 2014-09-23 16:52:06Z

2

Iterate the text and replace using the old parameter:

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

answered Sep 23, 2014 at 16:52

Ohgodwhy

50.9k11 gold badges86 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

void Over a year ago

Some issue with your jsfiddle!

void · Accepted Answer · 2014-09-23 16:49:35Z

1

Some bit of your code is wrong, Here you go..

$(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>'));

});
});

Here is the jsFiddle Link http://jsfiddle.net/wo02xedr/2/

answered Sep 23, 2014 at 16:49

void

36.8k10 gold badges72 silver badges111 bronze badges

2 Comments

ntalekt Over a year ago

Thanks @FREAKENGINEER. How do I just do it on one table? When I put a table object in instead of "td" it doesn't like it: jsfiddle.net/wo02xedr/9

void Over a year ago

You can not iterate thorugh #example, Their is just one element having id "example"..

Samuel Caillerie · Accepted Answer · 2014-09-23 17:00:27Z

1

I see some improvements :

first you should loop on each element by using $("td").each(function() {...})
update the html of your tds (here you only read it) with : $this.html(...)

This gives something like this :

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

See this fiddle : http://jsfiddle.net/wo02xedr/8/

answered Sep 23, 2014 at 17:00

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

Collectives™ on Stack Overflow

Datatables Find Replace If Statement

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related