更改伪CSS类的属性值

Question

所以，我一直试图通过JavaScript / jQuery找到一种简单易用的方法来访问伪CSS类，但由于这些部分并非特定在DOM上，所以似乎无法实现。基本上，我需要帮助以编程方式更改以下代码段中的background值：

.navbar .link::after {
   content: '';
   display: block;
   margin-top: -13px;
   width: 0;
   height: 5px;
   background: #ffffff;
   transition: width .3s;
}

我试图做$('.link::after').css('background','gold');但这不起作用。我该如何解决这个问题？

另外，here's小提琴。