> For the complete documentation index, see [llms.txt](https://1itf.gitbook.io/jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://1itf.gitbook.io/jquery/4-elementen-selecteren/toepassing-2-openingsuren-markeren.md).

# Toepassing 2: openingsuren markeren

{% hint style="success" %}
★ Open **selectors/toep\_openingsuren.html**.
{% endhint %}

![Openingsuren op dinsdag](https://1796208354-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9o5lSfK7vREgzWjB4s%2F-LAKJbWqwW9zwB4AU6ib%2F-L9pjXr-UM4g27ThCMGI%2Fopeningsuren.png?generation=1523997389447751\&alt=media)

De pagina bevat twee tabellen waarop we de openingsuren van vandaag markeren. Elke weekdag komt overeen met één rij binnen de tbody-tag. Merk op dat we de tabel ook starten met zondag. Dit is een bewuste keuze omdat we het rijnummer dan makkelijk kunnen koppelen aan de weekdag van het Date-object.

```markup
<table class="table">
    <thead>...</thead>
    <tbody>
        <tr>
            <td><b>Zondag</b></td>
            <td>Gesloten</td>
            <td>Gesloten</td>
            <td>Gesloten</td>
        </tr>
        ...
    </tbody>
</table>
```

{% hint style="success" %}
★ Voeg volgende code toe.
{% endhint %}

```javascript
$(function() {
    var vandaag = new Date();
    var dag = vandaag.getDay();
    $('tbody tr:nth-child(' + (dag + 1) + ')').css('background-color', 'greenYellow');
});
```

Op lijn 3 halen we de weekdag op. (zondag = 0, maandag = 1, ...). Vervolgens gaan we op lijn 4 dit getal met één verhogen om zo de juiste rij binnen tbody te markeren met een groen-gele achtergrond.

{% hint style="info" %}
Merk op dat de pagina twee tabellen bevat en dat we daarom `tr:nth-child()` gebruiken en niet `tr:eq()`. `tr:eq()` zou enkel een rij in de eerste tabel markeren.
{% endhint %}