Вот такую вот разметку вывод стандартное меню вордпресс
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1867">
<a href="" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>1<i class="underline"></i></span><i class="caret"></i></a>
<div class="dropdown"><ul class="sub-menu dropdown-menu" aria-labelledby="dLabel">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1872"><a href=""><span>2</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1873"><a href=""><span>3</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1874"><a href=""><span>4</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1875"><a href=""><span>5</span></a></li>
</ul></div>
</li>
Но мне оно немного не подходит.
Как мне
<a href="" data-target="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>1<i class="underline"></i></span><i class="caret"></i></a>
поместить внутрь
<div class="dropdown"></div>
средствами jquery. Если использовать insertAfter то тогда все пункты меню которые содержат дочерние элементы вставляются тоже туда же .