CSS选择器（第一个、第一个子、第n个子）以Javascript/Jquery中未选择为目标

我试图使用CSS选择器在jQuery中针对几个td元素

• 我需要将第一个元素（td.calsun_days）作为添加“selectedWeekend”类的click事件的一部分
• 我需要第二、第三、第四和第五个td元素在页面加载时添加类“notAllowed”。 我遇到的问题是元素没有正确地针对“notAllowed”类。选择从星期二到星期六，只需单击即可。单击后，“selectedWeekend”课程将添加到星期五/星期六（仅当“notAllowed”代码不存在时），而不是星期天。我试着改变代码的顺序，但没有任何效果。我已经尝试使用第一个孩子、第一个孩子、第n个孩子（1）和第n个孩子（2）来确定目标。提前感谢您的帮助

jQuery

jQuery（文档）。准备好了吗(
函数（$）{
var元素=$（“#afterbig1 td.czr-focus td”）；
元素。单击（函数（）{
if（$（this）.is（“：nth last child（2）”）| |$（this）.is（“：last child”）| |$（this.hasAttribute（'class'））{
$（此）.toggleClass（“selectedWeekend”）；
}
});
if（element.is（“：nth-child（）”）| element.is（“：nth child（2）”）| element.is（“：nth child（3）”）| element.is（“：nth child（4）”）{
元素。添加类（“不允许”）；
}
}); 
@仅媒体屏幕和（最大宽度：640px）{
#视图选项卡、下拉视图
{
显示：无；
}
#视图\选项卡\选择
{
显示：块！重要；
}
}
@仅介质屏幕和（最大宽度：968px）{
#猫>李
{
浮动：无；
}
}
.蜘蛛类{
显示：内联块；
光标：指针；
}
.spider_类别p{
颜色：#fff；
填充：2x10px！重要；
边距：2px0！重要；
字体大小：14px；
字号：600；
}
#猫类
{
文字装饰：下划线；
光标：指针；
}

白天
周
列表
月
月

白天


周


列表


月

2016
2017年11月
2018
苏
钼
屠
我们
Th
Fr
Sa
29
30
31
1
2
3
4
    <td style=" color:#004B6C;padding:0; margin:0; line-height:15px;
    border-bottom: 1px solid #CCD1D2  !important; 
    border-left: 1px solid #CCD1D2  !important; vertical-align:top;">

    </td> 
    <!--Do not copy this--> 

$('tbody tr td:nth-child(n+2):nth-child(-n+5)')

$('tbody tr td').not('.notAllowed');