2015-05-13 49 views
-1

你好傢伙我有一個javascript代碼,我需要在html上添加它的問題是idk如何做到這一點,因爲我沒有一個ID作爲參考。Javascript在HTML上添加內容

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> 
    } 
} 

這是

<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> 

我comented子菜單中的HTML這裏的頂部菜單

+0

比劇本更重要的將是HTML,所以我們可以幫助你選擇什麼選擇器。 – user3154108

+0

什麼是TOPMENU?是'#treeview-menu'正確的選擇器?它與'.treeview-menu'有什麼不同? HTML的樣子是什麼? – JKirchartz

+0

@JKirchartz我更新了問題 –

回答

0

,你應該能夠針對最近添加的li.treeview

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

(其中...是你原來的HTML /代碼)

+0

謝謝,解決了我的問題;) –

0

只是存儲在一個變量元素的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>'); 

然後你可以附加到它:

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>');