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");
}