firstDescendant(element) -> HTMLElement

Returns the first child that is an element. This is opposed to firstChild DOM property which will return any node (whitespace in most usual cases).

Examples

<div id="australopithecus">
  <div id="homo-erectus"><!-- Latin is super -->
    <div id="homo-neanderthalensis"></div>
    <div id="homo-sapiens"></div>
  </div>
</div>

$('australopithecus').firstDescendant();
// -> div#homo-herectus

// the DOM property returns any first node
$('homo-herectus').firstChild;
// -> comment node "Latin is super"

// this is what we want!
$('homo-herectus').firstDescendant();
// -> div#homo-neanderthalensis