Childfilters

Een childfilter selecteert het n-de element binnen het parent element. Zie : http://api.jquery.com/category/selectors/child-filter-selectors/

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

Last updated