Jquery 每个div的函数

我已经创建了一个按我所希望的方式工作的函数，下面是jsfiddle链接。基本上，它获取一个日期列表，对其排序，如果日期已过，则删除li项，将结果限制为1，然后将其重新格式化为可读的顺序。结果是只显示尚未过去的下一个日期

HTML

<div class="over">
    <ul id="test">
        <li>2014-05-22</li>
        <li>2021-11-04</li>
        <li>2023-06-04</li>
    </ul>
</div>

<div class="over">
    <ul id="test">
        <li>2014-05-19</li>
        <li>2021-08-04</li>
        <li>2009-06-04</li>
    </ul>
</div>

?

我似乎无法让它发挥作用，它要么从两组li中获取两组信息，只提供一个输出，要么结果未定义

不太确定我会错在哪里，而且，如果我的任何其他方法都大错特错，请让我知道，我对jQuery是相当陌生的。谢谢

**编辑**

我明白了，对任何感兴趣的人来说，他都是我的工作助手

试试这个：

$.each($(".over ul li"), function(){
   //your code here
})

使用

.each（）

时，当前项将位于

此

中。因此，您可以：

$('.over').each(function(){
   $('...', this)...
});

奇数

$（“…”，this）

表示：选择加工元素，但仅在

this

内部。因此，您可以将

$（“…”）

看作是

$（“…”，document）

如果您只需要this的直接子级，那么可以使用

$（this）.children（'li'）

。这将只匹配直系子女，而不是孙辈

相关的：

---

嘿，谢谢你的帮助，但这对我来说似乎没有什么效果，用

.over-ul

试过了，也试过了

.over

，但结果还是一样啊，我想出来了，只是需要重新安排一些事情，但这对我来说很有效！谢谢。谢谢，这确实为我指明了正确的方向，我必须整理一些我的问题

$.each($(".over ul li"), function(){
   //your code here
})

$('.over').each(function(){
   $('...', this)...
});