jquery动态嵌套列表

我相信这很容易，但我的头撞到墙上了

我基本上是使用jQuery、JSON和PHP（基于这种方法：）创建一个动态生成的浏览树。我已将下拉框更改为ul li菜单。在“a”click事件中，我查询数据库并返回下一组数据的值。这一切都在起作用。我只是在将新返回的列表添加到单击的li下的“nest”时遇到问题。例如：

<ul id='levelone'>
 <li><a id='cats' href='#'>Cats</a></li>
 <li><a id='dogs' href='#'>Dogs</a></li>
 <li><a id='fish' href='#'>Fish</a></li>
</ul>

国民党

$（'body'）。在（'click'，“#animalist>li>a”，函数（）{
var myli=$（this.parent（）；
$（'.animalsubcat'，myli.remove（）；
人口亚类（myli）；
});
函数populateAmimalSubcategory（myli）{
$.getJSON（“./includes/browstata/animalsubcat.php”{
动物分类：$（'#ucHidden'）.val（）
}，函数（数据）{
$（myli）.追加（“
”；
$。每个（数据、函数（val、文本）{
$（“.animalsubcat”，myli）.追加（“
”）；
});
});
}

你能显示你的jquery吗？添加到jquery中的原始问题ID和HTML中的ID不匹配。哪一个是哪一个？

<ul id='leveltwo'>
 <li><a id='hounds' href='#'>Hounds</a></li>
 <li><a id='shepherds' href='#'>Shepherds</a></li>
 <li><a id='poodles' href='#'>Poodles</a></li>
</ul>

<ul id='levelone'>
 <li><a id='cats' href='#'>Cats</a></li>
 <li><a id='dogs' href='#'>Dogs</a></li>
     <ul id='leveltwo'>
      <li><a id='hounds' href='#'>Hounds</a></li>
      <li><a id='shepherds' href='#'>Shepherds</a></li>
      <li><a id='poodles' href='#'>Poodles</a></li>
    </ul>
 <li><a id='fish' href='#'>Fish</a></li>
</ul>

    function populateAmimalSubcategory() {
    $.getJSON('./includes/browsedata/animalsubcat.php', { animalcategory:       
       $('#ucHidden').val() }, function (data) {
        $("#animalsubcat").append("<ul id='subcatlist'></ul>");
        $.each(data, function (val, text) {
        $("#subcatlist").append("<li><a href='#' id='" + this.use_subcategory + "'>" + this.use_subcategory + "</a></li>");
        });
    });

    $('#animallist a').live('click', function(){
        document.getElementById('ucHidden').value = this.id;
        $('#animalsubcat').empty();
        populateAnimalSubcategory();
    });

$('body').on('click', "#animallist > li > a", function(){
    var myli = $(this).parent();
    $('.animalsubcat', myli).remove();
    populateAnimalSubcategory(myli);
});

function populateAmimalSubcategory(myli) {
    $.getJSON('./includes/browsedata/animalsubcat.php', {
        animalcategory: $('#ucHidden').val()
    }, function (data) {
        $(myli).append("<ul class='animalsubcat'></ul>");
        $.each(data, function (val, text) {
            $(".animalsubcat", myli).append("<li><a href='#' id='" + this.use_subcategory + "'>" + this.use_subcategory + "</a></li>");
        });
    });
}