Jquery 根据变量值在div处启动容器

我已经设置了一个电视指南，应该在当前时间开始。我使用下面的div来完成这项工作，直到24小时，持续12小时。时间条水平滚动

<div class="timeListContainer">
    <div class="timeList">
        <div class='timeCell' id="1">
            1am
        </div>
        <div class='timeCell' id="2">
            2am
        </div>
    </div>
</div>

---

一种方法是结合使用data-*属性和属性选择器

<div class="timeCell" data-time="1">
   1am
</div>
<div class="timeCell" data-time="2">
   2am
</div>

您可以使用当前的id属性来实现这一点，但数据属性更像html5

另一种方法是保持当前结构并按id进行筛选

---

我可以把它们改成一、二、三或0100、0200、0300等等，但仍然不确定它会怎么读？

<div class="timeCell" data-time="1">
   1am
</div>
<div class="timeCell" data-time="2">
   2am
</div>

var myDiv = $('.timeCell[data-time="' + time + '"]')

var myDiv = $('.timeCell').filter(function() {
    return this.id == time
});