Esempi Selettori Gerarchici

Evidenzia tutti i tag input preceduti da un tag label: clicca qui.

Evidenzia tutti i tag input adiacenti ad un tag label: clicca qui.

Codice:

function evidenzia_seguenti() {
	$("#contenitore *").css("background-color",""); //reset dello sfondo
	$("label + input").css("background-color","yellow"); 
}

function evidenzia_adiacenti() {
	$("#contenitore *").css("background-color",""); //reset dello sfondo
	$("label ~ input").css("background-color","yellow");
}