javascript - 创建可关闭的选项卡

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