Javascript jqueryui选项卡：can'；无法获得正确的制表符顺序

在这里给出的示例的addTab函数中，我一直在尝试使用以下代码获取JqueryUI选项卡的顺序：

函数addTab（）{
var label=tabTitle.val（）| |“Tab”+tabCounter，
id=“tabs-”+tabCounter，
li=$（tabTemplate.replace（/#\{href\}/g，“#”+id）。replace（/#\{label\}/g，label）），
tabContentHtml=tabContent.val（）| |“Tab”+tabCounter+content。”；
tabs.find（“.ui tabs nav”）.append（li）；
tabs.append（“”+tabContentHtml+”
”）；
制表符。制表符（“刷新”）；
//用于查找选项卡顺序的代码
var tab_order=[]；
$（“#tabs>ul>li>a”）。每个（函数（i）{
tab_order[i]=此.id.substr（6）；
});
警报（选项卡顺序）；
tabCounter++；
}

---

第一次添加新选项卡时，发出警报的选项卡顺序为1,3，而不是1,2，应该是这样。问题是：

您想要选项卡的ID，还是插入的选项卡内容div？我想要选项卡的ID所有相关代码都应该包含在问题中。考虑替换你的JSFIDLE链接

function addTab() {
  var label = tabTitle.val() || "Tab " + tabCounter,
    id = "tabs-" + tabCounter,
    li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) ),
    tabContentHtml = tabContent.val() || "Tab " + tabCounter + " content.";

  tabs.find( ".ui-tabs-nav" ).append( li );
  tabs.append( "<div id='" + id + "'><p>" + tabContentHtml + "</p></div>" );
  tabs.tabs( "refresh" );
   //code for finding the tab order
   var tab_order = [];
   $("#tabs > ul > li > a").each(function(i){          
        tab_order[i]= this.id.substr(6);
   });
   alert(tab_order);


  tabCounter++;
}