jquery在单击时显示psuedo元素

我在这里试图做的是，我有一个列表，每个列表项都有伪元素

：在
之前，最初伪元素将设置为
显示：无
，但是当单击列表项时，我想显示放在该项之前的伪元素，我如何做到这一点

这就是我尝试过的


$（'.lab list li'）。在（'click'，function（）上{
$（此：在此之前）.css({
“显示”：“块”
});
});
.lablist li{
列表样式：无；
}
.实验室列表李：悬停{
光标：指针；
}
李：以前{
内容：“\2708”；
左侧填充：20px；
右边填充：20px；
显示：无；
}


斯德哥尔摩
德里
苏黎世
纽约
南汉普顿
马尼拉
新加坡
您可以向元素添加一个类，以使伪元素显示：


$（'.lab list li'）。在（'click'，function（）上{
$（this.toggleClass（'show-before'）；
});
.lablist li{
列表样式：无；
}
.实验室列表李：悬停{
光标：指针；
}
李：以前{
内容：“\2708”；
左侧填充：20px；
右边填充：20px；
显示：无；
}
/*加上这个*/
.实验室列表。显示日期：之前{
显示：块；
}


斯德哥尔摩
德里
苏黎世
纽约
南汉普顿
马尼拉
新加坡
伪元素不可由JS选择，因为它们不在DOM中。将类应用于伪父级并使用CSS。同时检查-