Jquery 只需在引导选项卡中添加“删除”按钮并删除所选选项卡

我在旅游网站上工作，我需要在管理部分引导标签。我已经完成了一些部分，比如动态创建选项卡选项

我遇到的问题是，当我按下“删除”按钮时，它会工作，但它会删除所有内容，而不是只删除内容 仅适用于所选选项卡。请帮我解决这个问题。

代码如下：

$（文档）.ready（函数（e）{
//从窗体中删除行
$（“#行程"选项卡"内容”）。在（'click'，“#deletetab'，函数（e）上{
$（此）。最近（“#行程表_选项卡_导航”）。删除（）；
$（this）.closest（“#行程表_选项卡_内容”）.remove（）；
});
});
.btn删除{
浮动：对；
位置：相对位置；
顶部：-31px；
右：-31px；
边界半径：0 5px 0px 0px；
}









X
表格-1
X
表格-2
X
表格-3
在jquery中使用
.parentsUntil（“#行程"选项卡"内容”）
对于动态

$(this).parentsUntil('#itinerary_tab_content').remove();
$('#itinerary_tab_nav > li > a.active').remove();


$（文档）.ready（函数（e）{
//从窗体中删除行
$（“#行程"选项卡"内容”）。在（'click'，“#deletetab'，函数（e）上{
//$（此）。最近（“#行程表_选项卡_导航”）。删除（）；
//$（this）.closest（“#行程表_选项卡_内容”）.remove（）；
$（this）.parentsUntil（“#行程表_选项卡_内容”）.remove（）；
$（“#行程选项卡_nav>li>a.active”）.remove（）；
});
});
.btn删除{
浮动：对；
位置：相对位置；
顶部：-31px；
右：-31px；
边界半径：0 5px 0px 0px；
}









X
表格-1
X
表格-2
X
表格-3
非常感谢@Udhay的帮助，但它没有同时删除选项卡的导航链接和选项卡的内容，而是只删除选项卡的内容。但我需要同时删除这两行。我添加了这行$（this）.parentsUntil（“#行程表_tab_nav”）.remove（）；但它不起作用。你知道吗？这对我帮助很大。是否要删除整个选项卡？是的，但在我按delete键时仅删除选定的选项卡button@PawanMall使用此
$（'#行程选项卡_nav>li>a.active'）。删除（）或检查更新的答案