如何使用javascript将列表项替换为新的嵌套列表

Question

我想用新的无序列表替换无序列表中的列表项：

之前：

this.registerForm=createform(this.formData) //create a form with data
this.registerForm=createform(null) //create a empty form

第三个列表项包含一个我想转换为嵌套列表的字符串：

<ul class="text-error">
<li>    Fish </li>
<li>    Bird </li>
<li     ###Bear,Cat$$$</li>
</ul>

但是我得到的结果是：

var missingArray = [];
$( "li:contains('###')", ".text-error" ).each(function(idx, li) {
    var listItem = $(li).text();
    var missingItem = listItem.split('###')[1].split('$$$')[0];
    missingItems = missingItem;
    missingArray = missingItems.split(',');
}); 
if (missingArray.length > 0){
    //remove list item
    $("li:contains('###')", ".text-error" ).each(function(idx, li) {
        $(this).remove();       
    })

    //create ul element
    $("ul.text-error").each(function(idx, li){
        $(this).append($("<ul id='files-error'>").text("Furry:"));
    })

    //include list with missing files
    var fileList = $("#files-error");
    $.each(missingArray, function(key, value){
        fileList.append($("<li class='file-error'>").text(value));
    })      

} 

有人可以解释我做错了什么以及我应该如何正确做吗？