2014-09-23 48 views
0

如何在數據表中查找/替換特定元素?我試圖用字體真棒圖標替換表元素:Datatables查找替換如果聲明

的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/

回答

1

你的代碼的某些位是錯誤的,在這裏,你去..

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

+0

添加引導CSS中的jsfiddle ...查看輸出.. – void 2014-09-23 16:52:22

+0

感謝@FREAKENGINEER。我怎麼在一張桌子上做呢?當我把一個表格對象代替「td」時,它不喜歡它:http://jsfiddle.net/wo02xedr/9/ – solar411 2014-09-23 17:02:43

+0

你不能迭代thorugh #example,它們只是一個元素有id「example」 .. – void 2014-09-23 17:04:49

2

迭代文本並使用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

+1

一些問題與你的jsfiddle! – void 2014-09-23 16:53:19

1

我看到了一些改進:

  1. 首先,你應該循環中各元素通過$("td").each(function() {...})
  2. 更新HTML您的td s(這裏您只能閱讀它):$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/