jquery - 如何切换 div :before in a click event

Question

是否可以在点击事件中切换 Div:before

.div:before {
    content: '';
    border: 20px solid transparent;
    border-right-color: #F3F3F4;
    border-left: 0;
    position: absolute;
    right: 0;
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px);
    width: 0;
    height: 0;
    z-index:1000;
}

Answer 1

您可以在点击时切换一个类并将 ::before 样式添加到切换的类:

.div.active:before {
  ...
}

$('.div').on('click', function() {
  $(this).toggleClass('active');
});