Javascript 要更改元素的正确名称是什么'；单击链接后的CSS属性

我使用的是水平滚动日期选择器（工作正常）。我试图完成的是，当用户单击日期链接时，它将触发jquery单击事件（成功），然后我希望单击链接的css属性更改为css文件中的最后两个条目。显然，我不知道如何正确地为点击的链接命名，因为我所尝试的一切都不起作用。当您在元素上鼠标向下移动时，a:active属性将临时应用正确的css，但单击一结束就会返回。我也试过a:参观了也没用。任何方向正确的帮助都将不胜感激

$（“#日期选择器a”）。单击（函数（事件）{
var date=此.getAttribute（“数据日期”）；
警报（“日期”）；
//这里的未来事件
event.preventDefault（）；
});

您可以使用jquery将css类添加到

a

标记中

Jquery在单击的

a

标记上添加类。当用户单击日期选择器中的任何链接时，

$（this）.addClass（'active'）

会将

active

类添加到

a

标记中

$("#datePicker a").click(function(event) {
     var date = this.getAttribute("data-date");
     $(this).addClass('active');
     alert('date');
    event.preventDefault();
});

CSS

---

您可以使用jquery将css类添加到

a

标记中

Jquery在单击的

a

标记上添加类。当用户单击日期选择器中的任何链接时，

$（this）.addClass（'active'）

会将

active

类添加到

a

标记中

$("#datePicker a").click(function(event) {
     var date = this.getAttribute("data-date");
     $(this).addClass('active');
     alert('date');
    event.preventDefault();
});

CSS

---

如果您试图为单击的日期添加与对

a:active

相同的样式，则将

#datePicker#datecontainer a:active

更改为

#datePicker#datecontainer a:active，#datePicker#datecontainer a.active

。并为单击的元素添加活动类

$（“#日期选择器a”）。单击（函数（事件）{
var date=此.getAttribute（“数据日期”）；
警报（“日期”+日期）；
$（this）.最近（“#datecontainer”）.find（'a.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
//这里的未来事件
event.preventDefault（）；
});
#日期容器{
背景色：#a07a3d；
位置：相对位置；
文本对齐：居中；
z指数：0；
}
#日期容器{
显示：内联块；
填充：10px 0 16px；
垂直对齐：中间对齐；
宽度：620px；
z指数：0；
}
div.moviedatediv.dates#日期滚动条：之后{
内容：“；
高度：5px；
宽度：100%；
背景色：#F3；
z指数：-1；
位置：绝对位置；
左：0px；
底部：0px；
}
.moviedatediv{
列表样式类型：无；
保证金：0自动；
填充：0；
光标：指针；
显示：内联块；
字体系列：“Roboto bold”、Helvetica、Arial、无衬线字体；
字体大小：400；
字号：0.9em；
高度：76px；
线高：1；
边际：0.16px；
位置：相对位置；
文本对齐：居中；
垂直对齐：中间对齐；
宽度：92px；
z指数：1；
文本转换：大写；
}
.moviedatediv a{
颜色：#ffffff；
显示：内联块；
身高：100%；
文字装饰：无；
宽度：100%；
文本转换：大写；
}
.moviedatediv a:悬停{
颜色：#ffffff；
}
.moviedatediv a span.date{
显示：块；
字体系列：“Roboto浓缩粗体”，Helvetica，Arial，无衬线；
字体大小：400；
字号：2.5em；
字体大小：粗体；
线高：1；
}
#datePicker#datecontainer a:活动，#datePicker#datecontainer a.活动{
背景色：#d49f38；
高度：76px；
左：0；
填充顶部：10px；
位置：绝对位置；
顶部：-10px；
宽度：92px；
z指数：2；
}
#日期选择器#日期容器a:之后{
边框顶部：5px实心#d49f38；
左边框：5px实心透明；
右边框：5px实心透明；
底部：-5px；
内容：“；
位置：绝对位置；
左：50%；
左边距：-5px；
宽度：0；
身高：0；
}
如果您试图为单击的日期添加与对
a:active
相同的样式，则将
#datePicker#datecontainer a:active
更改为
#datePicker#datecontainer a:active，#datePicker#datecontainer a.active
。并为单击的元素添加活动类


$（“#日期选择器a”）。单击（函数（事件）{
var date=此.getAttribute（“数据日期”）；
警报（“日期”+日期）；
$（this）.最近（“#datecontainer”）.find（'a.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
//这里的未来事件
event.preventDefault（）；
});
#日期容器{
背景色：#a07a3d；
位置：相对位置；
文本对齐：居中；
z指数：0；
}
#日期容器{
显示：内联块；
填充：10px 0 16px；
垂直对齐：中间对齐；
宽度：620px；
z指数：0；
}
div.moviedatediv.dates#日期滚动条：之后{
内容：“；
高度：5px；
宽度：100%；
背景色：#F3；
z指数：-1；
位置：绝对位置；
左：0px；
底部：0px；
}
.moviedatediv{
列表样式类型：无；
保证金：0自动；
填充：0；
光标：指针；
显示：内联块；
字体系列：“Roboto bold”、Helvetica、Arial、无衬线字体；
字体大小：400；
字号：0.9em；
高度：76px；
线高：1；
边际：0.16px；
位置：相对位置；
文本对齐：居中；
垂直对齐：中间对齐；
宽度：92px；
z指数：1；
文本转换：大写；
}
.moviedatediv a{
颜色：#ffffff；
显示：内联块；
身高：100%；
文字装饰：无；
宽度：100%；
文本转换：大写；
}
.moviedatediv a:悬停{
颜色：#ffffff；
}
.moviedatediv a span.date{
显示：块；
字体系列：“Roboto浓缩粗体”，Helvetica，Arial，无衬线；
字体大小：400；
字号：2.5em；
字体大小：粗体；
线高：1；
}
#datePicker#datecontainer a:活动，#datePicker#datecontainer a.活动{
背景色：#d49f38；
高度：76px；
左：0；
填充顶部：10px；
位置：绝对位置；
顶部：-10px；
维特