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
<table> <tr> <td><span class="day">20</span></td> <td><span class="day">22</span></td> <td><span class="day">23</span></td> <td><span class="day event">24</span></td> <td><span class="day event">25</span></td> </tr> <tr> <td><span class="day">26</span></td> <td><span class="day">27</span></td> <td><span class="day event">28</span></td> <td><span class="day event">29</span></td> <td><span class="day">30</span></td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.after-event {background: red;}
CSS
Autoformát
CSS reset
Až na konci
$('.day.event').parent().each(function (i, e) { var element = $(e); var nextElement=$(e).next(); if(nextElement.size() === 0) { nextRow = element.parent().next(); if(nextRow.size() === 0) { return; } nextElement = nextRow.children().first(); } if(nextElement.children().first().attr("class").indexOf("event") !== -1) { return; } nextElement.addClass('after-event'); })
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>