如何將文本中的文本替換爲具有完全相同長度的文本？

Question

我需要在<table>單元格內替換日期和短語而不使用固定寬度。

<table> 
    <thead> 
     <tr><th>Date</th></tr> 
    </thead> 
    <tbody> 
     <tr><td id='changethis'>Wed Dec 21 2011</td></tr> 
    </tbody> 
</table> 

var hold = $('#changethis').text(); 
setInterval(function() { 
    if ($('#changethis').hasClass("highlight")) { 
    $('#changethis').text(hold); 
    $('#changethis').removeClass("highlight"); 
    } 
    else { 
    $('#changethis').text(" E R R O R "); 
    $('#changethis').addClass("highlight"); 
    } 
},1000); 

問題是表格每次文本交替時都會重新格式化列的寬度。是否有可能計算呈現的文本寬度並調整交替文字？ JSbin Here

Answer 1

你可以嘗試增加寬度的元素

$('#changethis').width($('#changethis').width()); 

http://jsbin.com/ozunan/3/edit

Answer 2

計算渲染的文本寬度：

$.fn.textWidth = function(){ 
    var sensor = $('<div />').css({margin: 0, padding: 0}); 
    $(this).append(sensor); 
    var width = sensor.width(); 
    sensor.remove(); 
    return width; 
}; 

，你可以做其他