Javascript JS：检查文本是否超过容器宽度

是否有一个js或jQuery函数可以检测innerHTML或文本是否在某个像素范围内，以避免被其容器剪切

我需要为页面上的几百个元素执行此操作，因此性能有点重要

示例-确定此

中的文本是否在超出其宽度的5px范围内：

<td class="cell">
  12,3423
</td>

.cell {
   width: 20px;
}

12,3423
.细胞{
宽度：20px；
}

试试这个

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

$(function(){
   alert($('.cell').textWidth());    
});

$.fn.textWidth=函数（）{
var html_org=$（this.html（）；
var html_calc=''+html_org+''；
$（this）.html（html\u calc）；
var width=$（this.find（'span:first'）.width（）；
$（this.html（html_org）；
返回宽度；
};
$（函数（）{
警报（$（'.cell'）.textWidth（））；
});

拨弄

---

可以复制（和上面从复制的代码）

您需要包装一些东西（p，div等等），然后您就可以得到该元素的宽度/高度

 <td><p>text...</p></td>

文本

根据

$（“td>p”）.width（）进行计算

但是如果它是纯文本或图像（最大宽度为100%

），除非您没有包装