Обращение к элементу внутри другого элемента, перенос дочерних элементов. - jquery

Перенести один дочерний элемент в другой дочерний элемент во множестве родительских с помощью $(this).children()

Есть много элементов внутри которых есть тэги span и i, которые нужно перенести в соседний тэг a.

Вроде этого

<div class"elm">
  <a>...</a>
  <span>...</span>
  <i>...</i>
</div>
<div class"elm">
  <a>...</a>
  <span>...</span>
  <i>...</i>
</div>
<div class"elm">
  <a>...</a>
  <span>...</span>
  <i>...</i>
</div>

В итоге JS получился такой:

jQuery(document).ready(function(){

$('.elm').each( function(){
	$(this).children('span, i').appendTo($(this).children('a')); // к прямому потомку
	$(this).find('span, i').appendTo($(this).find('a')); // для более "широкого" поиска.
});

});

Ссылки и благодарности

Смотрел тут: