创建一个可关闭的选项卡

Question

在jQuery中，我创建了一个名为closedable-tab的动态标签。我希望在此选项卡中显示“关闭”图标，如果单击它，则该选项卡将关闭。

如何实现？

<ul class="nav nav-tabs">
  <li role="presentation" class="">
    <a class="tabs-li" href="/online_issues/index">tab1</a>
  </li>
  <li role="presentation">
    <a class="tabs-li" href="/online_issues/index">tab2</a>
  </li>
  <li role="presentation">
    <a class="tabs-li" href="/online_issues/index">tab3</a>
  </li>
  <li role="presentation">
    <a class="tabs-li" href="/online_issues/index">tab4</a>
  </li>
  <li role="presentation" class="active"> 
    <a class="tabs-li closeable-tab-li" href="/online_issues/index">closeable-tab</a>
  </li>  
</ul>

下面是一张说明所需结果的图片：

Answer 1

操作选项卡可能是您想要的： https://jqueryui.com/tabs/#manipulation