在特定选择器中附加div并获得第一个

Question

我有一个日历，我选择的日期与array的值相匹配，并且与append a div相符。但现在的问题是，当一天= 1，也将选择一天1形式下个月，因为这也是我active slider

这里是我的意思图片：

所以基本上什么我想要做的就是尽量在我的activer-slider选择第一个在这里是我的代码如何追加造型到特定日期：

$('.swiper-slide-active').find('td').each(function(){ 
    if ($(this).text().trim() == splitDate[0].toString()) { 
     $(this).first().empty().append('<div class="ex-done ex-base">' + splitDate[0] + '</div>'); 
    } 
}) 

所以你看到的是什么，我想选择第一个与first()方法，但这不会改变。

Answer 1

而不是在所有td元素上运行您的代码，首先筛选它们。

$('.swiper-slide-active td:not(.text-muted)') 
    .filter(function() { 
    return $(this).text().trim() == splitDate[0].toString(); 
    }) 
    .empty() 
    .append('<div class="ex-done ex-base">' + splitDate[0] + '</div>'); 

---

但请记住，当你选择了30号，你会得到相反的问题。它将突出上个月的第30个月。

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