Javascript在HTML上添加内容

Javascript在HTML上添加内容,javascript,jquery,html,Javascript,Jquery,Html,大家好,我有一个javascript代码,我需要将其添加到html中。问题是idk如何做到这一点,因为我没有ID作为引用 for (m = 0; m < novaLista.length; m++) { if (novaLista[m].upMenu == 0) { console.log(novaLista[m]); $("#treeview-menu").append('<li class="treeview"><a href=

大家好,我有一个javascript代码,我需要将其添加到html中。问题是idk如何做到这一点,因为我没有ID作为引用

for (m = 0; m < novaLista.length; m++) {
    if (novaLista[m].upMenu == 0) {
        console.log(novaLista[m]);
        $("#treeview-menu").append('<li class="treeview"><a href="#"><i class="' +
            novaLista[m].icon + '"></i><span>' +
            novaLista[m].name + '</span><i class="fa fa-angle-left pull-right"></i></a></li>');
        for (l = 0; l < novoMenu.length; l++) {
            if (novaLista[m].id == novoMenu[l].upMenu) {
                console.log(novoMenu[l]);
                //I DONT KNOW HOW TO ADD THIS SUBMENU SINCE THE REFERENCE IS ON TOPMENU HERE ON THE LOOP ABOVE
                $().append('<ul class="treeview-menu"><li><a href="relatorio-prestacao-conta.html><i class="fa fa-circle-o"></i>Relatorio  de Prestacao de Contas</a></li></ul>');
            }
        }

        //</li>
    }
}
for(m=0;m”);
对于(l=0;l
  • ”); } } // } }
    这是HTML

    <ul class="sidebar-menu" id="treeview-menu">
                        <li class="header" id="menu"></li>
                        <li id="submenu"></li>>
                            <!-- 
                            <li class="treeview">
                                <a href="#">
                                    <i class="fa fa-dashboard"></i>
                                    <span>Financeiro</span>
                                    <i class="fa fa-angle-left pull-right"></i>
                                </a>
    
                                <ul class="treeview-menu">
                                    <li>
                                        <a href="relatorio-prestacao-conta.html">
                                            <i class="fa fa-circle-o"></i> 
                                            Relatório de Prestação de Contas
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            --> 
                    </ul>
    
    • >

    我在HTML中找到了子菜单和顶部菜单,只需将元素存储在变量中:

    var submenu = $("#treeview-menu").append('<li class="treeview"><a href="#"><i class="' +
                novaLista[m].icon + '"></i><span>' +
                novaLista[m].name + '</span><i class="fa fa-angle-left pull-right"></i></a></li>');
    
    var子菜单=$(“#treeview菜单”).append(“
  • ”);
    然后您可以附加到它:

    submenu.append('<ul class="treeview-menu"><li><a href="relatorio-prestacao-conta.html><i class="fa fa-circle-o"></i>Relatorio  de Prestacao de Contas</a></li></ul>');
    
    submenu.append(“
    ”);
    您应该能够使用

    $('.treeview').last().append(...);
    

    (其中,
    是您的原始html/code)

    比脚本更重要的是html,因此我们可以帮助您选择哪些选择器。什么是
    TOPMENU
    #treeview菜单
    是正确的选择器吗?它与
    .treeview菜单
    有何不同?HTML是什么样子的?@JKirchartz我更新了question@user3154108我更新了问题
    novaLista
    &
    novalmenu