<div class="page-tabs-content" style="margin-left: 0px;"> <a class="menuTab" href="javascript:;" data-id="?M=System&amp;C=Welcome&amp;A=home">数据统计</a><a href="javascript:;" class="menuTab" data-id="?M=System&amp;C=Softs&amp;A=search&amp;cate_id=2">手机应用 <i class="ft ftsucai-close-1"></i></a><a href="javascript:;" class="active menuTab" data-id="?M=System&amp;C=Softs&amp;A=search&amp;cate_id=3">手机游戏 <i class="ft ftsucai-close-1"></i></a></div>如何控制关闭除当前之外的TAB

可以使用以下代码来控制关闭除当前之外的TAB：

$('.page-tabs-content').on('click', '.menuTab', function () {
  var id = $(this).data('id');
  $('.menuTab').removeClass('active');
  $(this).addClass('active');
  $('.mainContent .iframe').each(function () {
    if ($(this).data('id') != id) {
      $(this).remove();
    }
  });
});

这段代码会在点击TAB时，先获取对应的数据id，然后将所有TAB的active类移除，并将当前TAB添加active类以显示为当前选中TAB。接着，通过遍历所有iframe，将data-id属性不等于当前id的iframe删除。这样就控制了关闭除当前之外的TAB。