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

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!');
}