将div添加到特定选择器中并获取第一个

我有一个日历，我选择一个日期匹配array值，然后用一些样式append一个div 。 但现在的问题是，当day = 1时，它还将在下个月选择第1天表格，因为这也是我的active slider

这是我的意思的图片：

所以基本上我想要做的是尝试在我的activer-slider选择第一个，这里是我将样式添加到特定日期的代码：

 $('.swiper-slide-active').find('td').each(function(){ if ($(this).text().trim() == splitDate[0].toString()) { $(this).first().empty().append('
' + splitDate[0] + '
'); } }) 

所以你看到的是我试图用first()方法选择第一个，但这不会改变任何东西。

Answer 1

而不是在所有td元素上运行代码，首先过滤它们。

 $('.swiper-slide-active td:not(.text-muted)') .filter(function() { return $(this).text().trim() == splitDate[0].toString(); }) .empty() .append('
' + splitDate[0] + '
'); 

---

但请记住，当你选择第30个时，你会遇到相反的问题。 它将突出显示上个月的第30个月。

因此，注意到上一个/下一个日期的颜色不同，我会假设它们有不同的类，您应该使用它来识别要过滤的当前月份日期。