Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Získání nadřazeného elementu vyhovujícího selektoru</title> <h1>Získání nadřazeného elementu vyhovujícího selektoru</h1> <div class="jeden">jeden <div class="dva">dva <div class="tri">tri <div id="element"> Element </div> </div> </div> </div> <ul> <li>Pokud prohlížeč podporuje <code>closest</code>, obarví se „jeden“ na zeleno.</li> <li>Element „dva“ by se měl obarvit na červeno od IE 8.</li> </ul> <p> <button onclick="provest()">Obarvit nejbližší</button> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { padding: 1em; background: #ccc; } div div { background: #ddd; } div div div { background: #eee; } div div div div { background: #fff; }
CSS
Autoformát
CSS reset
Až na konci
var el = document.getElementById('element'); function closest(el, selektor) { while (el) { if (el == el.parentNode.querySelector(selektor)) { return el; } else { el = el.parentNode; } } } function provest() { // Vlastní closest closest(el, ".dva").style.background = "red"; // Nativní closest el.closest('.jeden').style.background = "green"; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>