どのようにして、表のセル内のテキストを同じ長さのテキストに置き換えることができますか？

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

を休息