Jquery 我怎样才能在这个li中得到这个跨度？

我正在使用jquery选项卡，并试图在选项卡的最右侧设置一个指示器来表示所选的选项卡。当我在li的末尾放置一个跨度时，我会让css在满足：active/focus时显示它。然而，跨度显示在li的外部

如何在li内定位跨度

  <li><a id='someId' href='#tabs-someId'>SomeValue</a><span class='butt'>&nbsp;</span></li>

这是上面这条线的样子

---

我们需要一个为什么不：在li的活动类上添加右边的边框？那么你就不需要span了。要么按照techLove的建议去做，要么你可以使用

position:relative在
和
位置：绝对在
上，然后相应地移动为什么需要使用jQuery定位跨度？只需将其放入原始HTML中，如您所示。使用
.hide（）
和
.show（）
来控制它是否可见。这就是我在@barmar试图做的，但它的位置不正确。理想情况下，我希望它有点偏离右侧，垂直于中间。
.butt{
    background-color:green;
    width:2px;
    height:2px;
    border-radius:2px;
 }

li {
 position: relative;
}
.butt{
  background-color:green;
  width:2px;
  height:2px;
  border-radius:2px;
  position: absolute;
  right: 0;
  top: 0;
 }