Question

我正在使用jquery Ui标签。我能够动态添加元素到选项卡容器，但在删除它时面临问题。我使用了以下代码

<div id="right_container">
<div id="wrap">
<div id="main_container">
<div id="tab_container">
<ul></ul>
</div>
</div>
</div>
<div id="mini_container"></div>
</div>
</div>

JS：

function createTab(metric)
//This is called on a click event
{
    for(var i=0; i<metrics_in_tab.length;i++)
        { if(metrics_in_tab[i]== metric)

        $("#tab_container").tabs({ active: i });
        return "";}
    metrics_in_tab.push(metric);
    $("#tab_container").find("ul").append("<li><a href='#tab-"+metric+"'>"+metric+"</a><span class='ui-icon ui-icon-close'></span></li>");
    $("#tab_container").append("<div id='tab-"+metric+"'><p>A new Div</p></div>");

    return "tab-"+metric;
}

$("#tab_container").delegate( "span.ui-icon-close", "click", function(e) {
 var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );

 $( "#tab-" + panelId.split("-")[1] ).remove(); //this part isnt working
 console.log("123: "+"#tab-" + panelId.split("-")[1] );
 $("#tab_container").tabs( "refresh" );
});

问题是它只删除了tab元素，但是创建的Div元素仍然存在。

我觉得选择器无法找到动态添加的元素＆amp;所以它无法删除。那么可以做些什么才能删除那些div？

无法使用选择器找到html元素

0 个答案: