计算文本宽度

Question

计算文本宽度我正在尝试使用jQuery计算文本宽度。我不知道是什么，但我肯定做错了什么。下面是代码：var c = $('.calltoaction');var cTxt = c.text();var cWidth =  cTxt.outerWidth();c.css('width' , cWidth);

Answer 1

这对我来说更好：

$.fn.textWidth = function(){
  var html_org = $(this).html();
  var html_calc = '<span>' + html_org + '</span>';
  $(this).html(html_calc);
  var width = $(this).find('span:first').width();
  $(this).html(html_org);
  return width;};

Answer 2

我的解决方案

$.fn.textWidth = function(){
    var self = $(this),
        children = self.children(),
        calculator = $('<span style="display: inline-block;" />'),
        width;

    children.wrap(calculator);
    width = children.parent().width(); // parent = the calculator wrapper
    children.unwrap();
    return width;};

从根本上说是对卢恩的改进，这并不能.html如此轻盈