Javascript 每个第一个添加类js

我需要将类添加到每个第一个

.event

并设置样式

$（“.day.event”）
.first（）
.css（'背景图像'，'线性梯度（145度，#bee5ff 50%，#ffd2da 50%））

27
28
29
30
1.
2.
3.
4.
5.
6.
7.
8.
9
10
你是说


$（'tr'）.find（'.day.event:first'）.each（function（））{
$（本）
.css（'背景图像'，'线性梯度（145度，#bee5ff 50%，#ffd2da 50%））；
})

27
28
29
30
1.
2.
3.
4.
5.
6.
7.
8.
9
10
您可以尝试：

$('tr').find('.event:first').css(....

演示：


$（'tr'）.find（'event:first'）.css（'background-image'，'linegradient（145deg，#bee5ff 50%，#ffd2da 50%）

27
28
29
30
1.
2.
3.
4.
5.
6.
7.
8.
9
10
谢谢，但它在第9天和第23天不起作用


$（'tr'）.find（'.day.event:first'）.each（function（））{
$（本）
.addClass（“prvniden”）；
})
$（'.day.event'）.parent（）{
var元素=$（e）；
var nextElement=$（e）.next（）；
如果（nextElement.size（）==0）{
nextRow=element.parent（）.next（）；
如果（nextRow.size（）==0）{
返回；
}
nextElement=nextRow.children（）.first（）；
}
if（nextElement.childrent（）.first（）.attr（“类”）.indexOf（“事件”）！=-1）{
返回；
}
nextElement.addClass（“事后”）；
});
.day.event{
背景:#ffd2da；
颜色：#fd7285；
背景：重复线性渐变(
-45度
，ffd2da，rgb（255，255，255）3px，rgb（235，235，235）3px，rgb（235，235，235）4px；
}
.天{
位置：相对位置；
显示：内联块；
文本对齐：居中；
背景：比夫；
颜色：#587f99；
背景：重复线性渐变(
-45度
#bee5ff，rgb（255，255，255）3px，rgb（235，235，235）3px，rgb（235，235，235）4px；
填充：10px；
宽度：100%；
字号：700；
}
.事后{
颜色：#587f99；
背景：比夫；
背景图片：url(https://imgup.cz/images/2021/02/18/odjezd.png);
背景位置：右中-20px；
背景尺寸：100px；
}
运输署{
宽度：45px；
高度：45px；
填充：0px 10px；
文本对齐：居中；
字体大小：25px；
字体大小：粗体；
}
legenda博士{
字体大小：16px；
}
普夫尼先生{
填充：3x10px；
右边距：5px；
边框：1px纯黑；
位置：相对位置；
显示：内联；
文本对齐：居中；
背景：比夫；
颜色：#587f99；
背景：重复线性渐变(
-45度
#bee5ff，rgb（255，255，255）3px，rgb（235，235，235）3px，rgb（235，235，235）4px；
字号：700；
}
德鲁伊先生{
填充：3x10px；
右边距：5px；
边框：1px纯黑；
位置：相对位置；
显示：内联；
文本对齐：居中；
背景:#ffd2da；
颜色：#fd7285；
背景：线性梯度（145度，#bee5ff 50%，#ffd2da 50%）
}
特雷蒂先生{
填充：3x10px；
右边距：5px；
边框：1px纯黑；
位置：相对位置；
显示：内联；
文本对齐：居中；
背景：比夫；
背景图像：线性梯度（145度，#ffd2da 50%，透明50%）；
}
ctvrty先生{
填充：3x10px；
右边距：5px；
边框：1px纯黑；
位置：相对位置；
显示：内联；
文本对齐：居中；
背景:#ffd2da；
颜色：#fd7285；
背景图像：重复线性渐变(
-45度
，ffd2da，rgb（255，255，255）3px，rgb（235，235，235）3px，rgb（235，235，235）4px；
}
.day.event.prvniden{
背景图片：url(https://imgup.cz/images/2021/02/18/prijezd2.png);
背景位置：右中-20px；
背景尺寸：100px；
颜色：#587f99；
}

27
28
29
30
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
传奇：
沃诺
奥杰兹德
Příjezd
奥巴塞诺
你能解释一下吗。代码的作用是什么？2.你想要实现什么？