Javascript 从子元素中删除最近的元素按钮单击

我有下一个标记结构：

$（函数（）{
$（“#条件容器”）。在（'单击'，'组件删除'，函数（）上{
var component=$（this.parents（'.workflow component'）；
component.closest（'.hr'）.remove（）；//不删除任何内容
//component.sides（'.hr'）.remove（）；//删除所有hr，但我只需要删除最近的
组件。移除（）；
});
});
.widget框{
填充：0；
-webkit盒阴影：无；
盒影：无；
保证金：3px0；
边框：1px实心#CCC；
}
.widget框.widget头{
右边填充：10px！重要；
左侧填充：10px！重要；
}
.widget头{
填充：0！重要；
左侧填充：10px！重要；
}
.widget头{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
位置：相对位置；
最小高度：38px；
背景：#F7F7重复-x；
背景图像：-webkit线性渐变（顶部，#fff 0，#eee 100%）；
背景图像：-o-线性梯度（顶部，#fff 0，#eee 100%）；
背景图像：线性梯度（至底部，#fff 0，#eee 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffffff'，endColorstr='#ffeeee'，GradientType=0）；
颜色：#669fc7；
边框底部：1px实心#DDD；
左侧填充：12px；
}
.小部件主体{
背景色：#FFF；
}
.widget工具箱{
背景色：#EEE；
}
.widget-toolbox.padding-8{
填充：8px；
}
.widget工具箱：最后一个孩子{
填充：2px；
边框顶部：1px实心#CCC；
}
.widget main{
填充：12px；
}
.hr{
显示：块；
身高：0；
溢出：隐藏；
字号：0；
边框宽度：1px0；
边框顶部：1px实心#e3；
边际：12px0；
边框顶部颜色：rgba（0,0,0,11）；
}
.人力资源部，
.人力资源部{
边框样式：虚线；
}
.hr-18，
.hr18{
利润率：18px0；
}
.hr:n个孩子（3个）{
边框颜色：红色
}
.hr:n个孩子（3n+1）{
边框颜色：绿色
}
.hr:n个孩子（3n+2）{
边框颜色：蓝色
}

删除
删除
删除
删除
删除
删除
您需要使用以紧跟在兄弟姐妹之后的目标。方法
最接近（）
从自身开始向上遍历

component.next('.hr').remove();


$（函数（）{
$（“#条件容器”）。在（'单击'，'组件删除'，函数（）上{
var component=$（this.parents（'.workflow component'）；
component.next（'.hr'）.remove（）；
组件。移除（）；
});
});
.widget框{
填充：0；
-webkit盒阴影：无；
盒影：无；
保证金：3px0；
边框：1px实心#CCC；
}
.widget框.widget头{
右边填充：10px！重要；
左侧填充：10px！重要；
}
.widget头{
填充：0！重要；
左侧填充：10px！重要；
}
.widget头{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
位置：相对位置；
最小高度：38px；
背景：#F7F7重复-x；
背景图像：-webkit线性渐变（顶部，#fff 0，#eee 100%）；
背景图像：-o-线性梯度（顶部，#fff 0，#eee 100%）；
背景图像：线性梯度（至底部，#fff 0，#eee 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffffff'，endColorstr='#ffeeee'，GradientType=0）；
颜色：#669fc7；
边框底部：1px实心#DDD；
左侧填充：12px；
}
.小部件主体{
背景色：#FFF；
}
.widget工具箱{
背景色：#EEE；
}
.widget-toolbox.padding-8{
填充：8px；
}
.widget工具箱：最后一个孩子{
填充：2px；
边框顶部：1px实心#CCC；
}
.widget main{
填充：12px；
}
.hr{
显示：块；
身高：0；
溢出：隐藏；
字号：0；
边框宽度：1px0；
边框顶部：1px实心#e3；
边际：12px0；
边框顶部颜色：rgba（0,0,0,11）；
}
.人力资源部，
.人力资源部{
边框样式：虚线；
}
.hr-18，
.hr18{
利润率：18px0；
}
.hr:n个孩子（3个）{
边框颜色：红色
}
.hr:n个孩子（3n+1）{
边框颜色：绿色
}
.hr:n个孩子（3n+2）{
边框颜色：蓝色
}

删除
删除
删除
删除
删除
删除
您需要使用以紧跟在兄弟姐妹之后的目标。方法
最接近（）
从自身开始向上遍历

component.next('.hr').remove();


$（函数（）{
$（“#条件容器”）。在（'单击'，'组件删除'，函数（）上{
var component=$（this.parents（'.workflow component'）；
component.next（'.hr'）.remove（）；
组件。移除（）；
});
});
.widget框{
填充：0；
-webkit盒阴影：无；
盒影：无；
保证金：3px0；
边框：1px实心#CCC；
}
.widget框.widget头{
右边填充：10px！重要；
左侧填充：10px！重要；
}
.widget头{
填充：0！重要；
左侧填充：10px！重要；
}
.widget头{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
位置：相对位置；
最小高度：38px；
背景：#F7F7重复-x；
背景图像：-webkit线性渐变（顶部，#fff 0，#eee 100%）；
背景图像：-o-线性梯度（顶部，#fff 0，#eee 100%）；
背景图像：线性梯度（至底部，#fff 0，#eee 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffffff'，endColorstr='#ffeeee'，GradientType=0）；
颜色：#669fc7；
边框底部：1px实心#DDD；
左侧填充：12px；
}
.小部件主体{
背景色：#FFF；
}
.widget工具箱{
背景色：#EEE；
}
.我也是