检查子元素宽度是否超​​出父级宽度

Question

我已经制作了一个菜单，其中最后一个项目超出了父母的宽度。

如何通过jquery检测子元素是否超出了它的父宽度？

Answer 1

简单示例：

var child = $('.child');
var child_w = child.width();
var parent_w = child.parent().width();
if(child_w > parent_w) {
    alert('AHHHH!');
}