计算文本宽度

Question

计算文本宽度

我正在尝试使用jQuery计算文本宽度。我不知道是什么，但我肯定做错了什么。

下面是代码：

var c = $('.calltoaction');var cTxt = c.text();var cWidth =  cTxt.outerWidth();c.css('width' , cWidth);

Answer 1

这对我来说更好：$.fn.textWidth&nbsp;=&nbsp;function(){ &nbsp;&nbsp;var&nbsp;html_org&nbsp;=&nbsp;$(this).html(); &nbsp;&nbsp;var&nbsp;html_calc&nbsp;=&nbsp;'<span>'&nbsp;+&nbsp;html_org&nbsp;+&nbsp;'</span>'; &nbsp;&nbsp;$(this).html(html_calc); &nbsp;&nbsp;var&nbsp;width&nbsp;=&nbsp;$(this).find('span:first').width(); &nbsp;&nbsp;$(this).html(html_org); &nbsp;&nbsp;return&nbsp;width;};

Answer 2

我的解决方案$.fn.textWidth&nbsp;=&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;self&nbsp;=&nbsp;$(this), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;children&nbsp;=&nbsp;self.children(), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;calculator&nbsp;=&nbsp;$('<span&nbsp;style="display:&nbsp;inline-block;"&nbsp;/>'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width; &nbsp;&nbsp;&nbsp;&nbsp;children.wrap(calculator); &nbsp;&nbsp;&nbsp;&nbsp;width&nbsp;=&nbsp;children.parent().width();&nbsp;//&nbsp;parent&nbsp;=&nbsp;the&nbsp;calculator&nbsp;wrapper &nbsp;&nbsp;&nbsp;&nbsp;children.unwrap(); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;width;};从根本上说是对卢恩的改进，这并不能.html如此轻盈