jquery - 查找元素是否溢出其容器

Question

使用 Jquery ，如何判断元素是否溢出其容器？

  

<div style="overflow:hidden"><label>My really really long label</label></div>

我想知道标签的文字什么时候被截断，以便我可以采取行动。

谢谢

Answer 1

您可以使用width function检查<label>是否长于<div>：

if($('label').width() > $('div').width()){
   // longer element 
}

这是simple example。