jQuery plugin to find overflowing direct children of an element.

withOverflowingChildren.jQuery.js

jQuery.fn.withOverflowingChildren = function (cb) {
  var parent = jQuery(this);
  var p = parent.get(0);
  var children = parent.find('> *');
  var len = children.length
  var parentCoords = p.getBoundingClientRect();
  var called = false

  while(len){
    if(!isInParent(children.get(len -1))){
        cb && cb.call(children.get(len -1))
        called = true;
    }
    len--;
  }
  return called;

  function isInParent(el){
    var childCoords = el.getBoundingClientRect()
    return (
        parentCoords.top <= childCoords.top &&
        parentCoords.right >= childCoords.right &&
        parentCoords.bottom >= childCoords.bottom &&
        parentCoords.left <= childCoords.left
    )
  }
}