javascript - JQuery找到距离当前时间最近的元素值然后添加类

Question

我有一个包含动物喂养时间的列表，我想根据当前时间突出显示(css 类)下一次即将进行的喂养。

列表(缩短):

<ul id="feedingTimes">
    <li><time value="1000">10:00</time> Uhr Humboldtpinguine</li>
    <li><time value="1000">10:00</time> Uhr Anakondas + Alligatoren</li>
    <li><time value="1100">11:00</time> Uhr Königspinguine</li>
    <li><time value="1130">11:30</time> Uhr Pelikane</li>           
</ul>

我会在这里粘贴一些 JQuery，但到目前为止我还无法想出一个几乎可行的解决方案。 它可能类似于“从列表中查找最接近当前时间的值，然后添加一个类”。我不知道如何编写代码。

帮助会很好，干杯!

Answer 1

尝试这样的事情:

$('li').each(function() {
    if ($(this).find('time').attr('value') > (new Date().getHours() * 100) + new Date().getMinutes()) {
        $(this).addClass('next');
        return false;
    }
});

DEMO