Een childfilter selecteert het n-de element binnen het parent element.
Zie :
Eerste child element :first-child
$('p b:first-child') // de eerste b-tag in ELKE paragraaf
$('h3:first-child') // alle h3-tags die een eerste child zijn van een (willekeurige) parent
Laatste child element :last-child
$('p b:last-child') // de laatste b-tag in ELKE paragraaf
$('p:last-child') // alle paragrafen die een laatste child zijn van een (willekeurige) parent
Eerste sibling element binnen dezelfde parent :first-of-type
$('a:first-of-type') // de eerste a-tag binnen dezelfde parent
Laatste sibling element binnen dezelfde parent :last-of-type
$('a:last-of-type') //de laatste a-tag binnen dezelfde parent
n-de child elementen
De index start hier vanaf 1 en niet vanaf 0!
De letter n staat voor een geheel getal (0, 1, 2, 3, ...).
$('p b:nth-child(2)') // de tweede b-tag in elke paragraaf
$('p b:nth-child(3n)') // b-tags 3, 6, 9, ... in elke paragraaf
$('p b:nth-child(even)') // alle even b-tags in elke paragraaf
$('p b:nth-child(2n)') // alle even b-tags in elke paragraaf
$('p b:nth-child(odd)') // alle oneven b-tags in elke paragraaf
$('p b:nth-child(2n+1)') // alle oneven b-tags in elke paragraaf
$('p b:nth-last-child(2)') // de voorlaatste b-tag in elke paragraaf
$('li:nth-of-type(even)') // alle even li-tags binnen dezelfde parent
$('a:nth-last-of-type(2)') // de voorlaatste a-tag binnen dezelfde parent
Het enige child element :only-child()
$('p b:only-child()') // de b-tag, maar ENKEL indien dit HET ENIGE child element binnen de p-tag is
Het enige child element van dat type binnen dezelfde parent :only-of-type()
$('b:only-of-type()') // de b-tag, maar ENKEL indien dit DE ENIGE b-tag is binnen dezelfde parent