Как в dom-дерево меню добавить новый элемент с помощью js

$('#ma-mobilemenu li').eq(parent_num).children('ul').eq(level2.is_addon-1)
Внимание! способом выше указать куда добавлять новые элементы у меня ничего получилось.
<?php $addonmenu = json_encode($addonmenu); $basemenu = json_encode($categories); ?>
<script type="text/javascript"> let addon = <?= $addonmenu; ?>; let base = <?= $basemenu; ?>; let menu_level1 = $('#ma-mobilemenu').find('li.parent'); console.log(base); forEach(addon,function(parent_num,childrens_num) { // level1_column = parent_num; forEach(childrens_num,function (key,value) { // console.log('new line'); // console.log(base[parent].children[child].is_addon); // console.log(value); level2 = base[parent_num].children[value]; newli='<li>'; newli+='<a href="'+level2.href+'"><span>'+level2.name; newli+='</span></a>'; newli+='<div class="level3">'; newli+='<ul>'; forEach(level2.children_lv3,function (keylv3,childlv3) { newli+='<li>'; newli+='<a href="'+childlv3.href+'">'+childlv3.name; newli+='</a>'; newli+='</li>'; }); newli+='</ul>'; newli+='</div>'; newli+='</li>'; // console.log(menu_level1.eq(5).children('.dop-menud')); console.log(level2.is_addon); menu_level1.eq(parent_num).find('ul.mncolumn').eq(level2.is_addon-1).append(newli); // menu_level1.eq(level1_column). }); }); function forEach(data, callback){ for(var key in data){ if(data.hasOwnProperty(key)){ callback(key, data[key]); } } } </script>
После загрузки страницы в меню с помощью данного js из массива (сформированного на стороне сервера в php) загрузится новый элемент
