按钮将文本右上角添加到班级

Question

我有这样的跨度

<span class="btn btn-sm btn-twitter" id="Teacher" >TheTeacher</span>

我想用类添加x char字符，所以当我写这段代码时

$("#Teacher").addClass("ClassOfX");

我希望将此结果放在按钮

中

当我写这段代码时

$("#Teacher").removeClass("ClassOfX");

我想得到这个结果

我想这样编码。我能创造它吗？我不想在span标签中添加元素..因为我有很多代码来获取内部跨文本..

InsertState($("#Teacher").text());

我无法重建此代码块，因为我可能会误认为其中一个代码。我有很多像InsertState函数的代码。

Answer 1

你可以：

classofx::before {
  position: relative;
  content: 'x';
  top: 0;
  right: 0;
  color: black;
}