如何动态地使用jquery加载菜单栏和子菜单

Question

如何动态地使用jQuery加载菜单栏和子菜单？

我的代码是：

$(document).ready(function () {
$("#ulSub").append('<li id="abc"><h5>Cancer information</h5><ul id="ulSub1">');     var ciid = $("#ulSub li").find("ul").attr("id");
$(ciid).append('<li><h5>What is cancer</h5></li></ul></li>'); }); 

<div class="dmenu"> <ul id="ulSub">  </ul> </div>

为什么不附加？

Answer 1

删除.attr("id")即可。

在执行$(ciid)时，jQuery希望ciid成为jQuery对象。

工作代码段：

$(document).ready(function () {
  $("#ulSub").append('<li id="abc"><h5>Cancer information</h5><ul id="ulSub1">');     
  var ciid = $("#ulSub li").find("ul");  // get jQuery object
  $(ciid).append('<li><h5>What is cancer</h5></li></ul></li>'); 
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="dmenu"> <ul id="ulSub">  </ul> </div>