Web Development

jQuery DOM Traversing

Navigating through the DOM tree

Parent Elements

$('span').parent(); # direct parent
$('span').parents(); # all ancestors
$('span').parents('div'); # filter ancestors
$('span').parentsUntil('div'); # ancestors until selector

Child Elements

$('div').children(); # direct children
$('div').children('p'); # filter children
$('div').find('span'); # find descendants

Sibling Elements

$('h2').siblings(); # all siblings
$('h2').siblings('p'); # filter siblings
$('h2').next(); # next sibling
$('h2').prev(); # previous sibling

Filtering

$('li').first(); # first element
$('li').last(); # last element
$('li').eq(2); # element at index
$('li').filter('active'); # filter by selector
$('li').not('active'); # exclude elements