Javascript 获取每个具有类的子元素,并在其父元素之前插入

Javascript 获取每个具有类的子元素,并在其父元素之前插入,javascript,jquery,Javascript,Jquery,我试图实现的目标,但由于某种原因失败了,那就是 使用此代码结构: <div class="catProductAttributeGroup"> <div class="catProdAttributeTitle">TITLE 1</div> Content for class "catProductAttributeGroup" Goes Here </div> <div class="catProductAttributeGroup

我试图实现的目标,但由于某种原因失败了,那就是

使用此代码结构:

<div class="catProductAttributeGroup">
  <div class="catProdAttributeTitle">TITLE 1</div>
  Content for class "catProductAttributeGroup" Goes Here </div>
<div class="catProductAttributeGroup">
  <div class="catProdAttributeTitle">TITLE 2</div>
  Content for class "catProductAttributeGroup" Goes Here </div>
<div class="catProductAttributeGroup">
  <div class="catProdAttributeTitle">TITLE 3</div>
  Content for class "catProductAttributeGroup" Goes Here </div>
但将所有标题呈现在第一个父级的顶部,如下所示:

<div class="catProdAttributeTitle">TITLE 1</div>
<div class="catProdAttributeTitle">TITLE 2</div>
<div class="catProdAttributeTitle">TITLE 3</div>
<div class="catProductAttributeGroup"> Content for  class "catProductAttributeGroup" Goes Here </div>
<div class="catProductAttributeGroup"> Content for  class "catProductAttributeGroup" Goes Here </div>
<div class="catProductAttributeGroup"> Content for  class "catProductAttributeGroup" Goes Here </div>
标题1
标题2
标题3
“catProductAttributeGroup”类的内容如下
“catProductAttributeGroup”类的内容如下
“catProductAttributeGroup”类的内容如下
请有人帮帮我,谢谢

在每个
中使用
$(this)
引用当前元素

$('.catProdAttributeTitle').each(function() {
    $(this).insertBefore($(this).parent());
});
如果元素是嵌套的,请使用
最近的()
而不是
父级()

每个
中使用
$(this)
引用当前元素

$('.catProdAttributeTitle').each(function() {
    $(this).insertBefore($(this).parent());
});
如果元素是嵌套的,请使用
最近的()
而不是
父级()


这是系统生成的代码,所以我没有注意,我的错误!我刚刚意识到title Div被包装在其他3个Div的内部,比如.catProductAttributeGroup>.owl stage outer>.owl stage>**.catProdAttributeTitle**到目前为止,你认为还有其他方法吗?它们仍然堆叠在第一个Div的顶部。catProductAttributeGroup@Skwashy是的,使用
$(this).insertBefore($(this).closest('.catProductAttributeGroup'))这是系统生成的代码,所以我没有注意,我的错误!我刚刚意识到title Div被包装在其他3个Div的内部,比如.catProductAttributeGroup>.owl stage outer>.owl stage>**.catProdAttributeTitle**到目前为止,你认为还有其他方法吗?它们仍然堆叠在第一个Div的顶部。catProductAttributeGroup@Skwashy是的,使用
$(this).insertBefore($(this).closest('.catProductAttributeGroup'))
$('.catProdAttributeTitle').each(function() {
    $(this).insertBefore($(this).parent());
});
$(this).insertBefore($(this).closest('.catProductAttributeGroup'));