Мастера-джедай, пожалуйста, подскажите метод.
Посредством jQuery необходимо <h2 class="item-title"> перенести во внутрь в <div id="contPanel">. Но перенести именно так чтобы был перенесён только дочерний элемент из одного родителя в другой дочерний элемент.
<div class="blog-featured">
<div class="items-row row-0">
<div class="item">
<h2 class="item-title A1"></h2>
<div id="contPanel"></div>
</div>
<div class="item">
<h2 class="item-title A1"></h2>
<div id="contPanel"></div>
</div>
</div>
<div class="items-row row-1">
<div class="item">
<h2 class="item-title A3"></h2>
<div id="contPanel"></div>
</div>
<div class="item">
<h2 class="item-title A4"></h2>
<div id="contPanel"></div>
</div>
</div>
</div>
Мне нужно чтобы получилось вот так:
<div class="blog-featured">
<div class="items-row row-0">
<div class="item">
<div id="contPanel">
<h2 class="item-title A1"></h2>
</div>
</div>
<div class="item">
<div id="contPanel">
<h2 class="item-title A2"></h2>
</div>
</div>
</div>
<div class="items-row row-1">
<div class="item">
<div id="contPanel">
<h2 class="item-title A3"></h2>
</div>
</div>
<div class="item">
<div id="contPanel">
<h2 class="item-title A4"></h2>
</div>
</div>
</div>
</div>
Но у меня выходит не так как мне нужно:
<div class="blog-featured">
<div class="items-row row-0">
<div class="item">
<div id="contPanel">
<h2 class="item-title A1"></h2>
<h2 class="item-title A2"></h2>
<h2 class="item-title A3"></h2>
<h2 class="item-title A4"></h2>
</div>
</div>
<div class="item">
<div id="contPanel">
<h2 class="item-title A1"></h2>
<h2 class="item-title A2"></h2>
<h2 class="item-title A3"></h2>
<h2 class="item-title A4"></h2>
</div>
</div>
</div>
<div class="items-row row-1">
<div class="item">
<div id="contPanel">
<h2 class="item-title A1"></h2>
<h2 class="item-title A2"></h2>
<h2 class="item-title A3"></h2>
<h2 class="item-title A4"></h2>
</div>
</div>
<div class="item">
<div id="contPanel">
<h2 class="item-title A1"></h2>
<h2 class="item-title A2"></h2>
<h2 class="item-title A3"></h2>
<h2 class="item-title A4"></h2>
</div>
</div>
</div>
</div>