H5進行利用js進行動態新增資料
其中最主要的是進行ID的賦值操作，每次新增相對應的ID需要進行加1，
在刪除時，通過ID除過來相關的ID進行刪除
還有就是刪除最後一個新增的元素時，再次追加時的ID判斷
這裡使用的方式如下：
在刪除元素之後，查詢DIV下追加的共同元素的個數，然後取最後一個ID，在其後進行追加相關的元素
具體實現如下：

<div class="systemList">
    <ul id="system_ul">
        <li id="system_ul_li1" class="system_li_num">
            <div
 
 class="delete" id="del_system_button1"  onclick="delete_system(1)">
            刪除           
            </div>
        </li>
    </ul>
</div>

在ul下增加li控制元件，點選新增按鈕

var id = 2;
function add_system(){
//獲取所有class的資料
    var all_inner_div = $(".system_li_num");
    //獲取最後一個元素的ID，注意物件的轉換不能直接使用,因為$和dom物件使用不同，這個需要注意
 

    //all_inner_div[all_inner_div.length - 1].attr("id");會報錯找不到
    var last_id = $(all_inner_div[all_inner_div.length - 1]).attr("id");
    $("#"+last_id+"").after("<li class='system_li_num' id='system_ul_li"+id+"'><div class='delete' id='del_system_button1' onclick='delete_system"+id+"'</li>"
 
)
    //ID自增
    id++;
}

刪除方法：
通過傳過來的ID，進行移除

function delete_system(flag){
//根元素不刪除
    if(flag == 1){
        alert("cancel");
    }else{
        document.getElementById("system_ul_li" + flag + "").remove();
    }
}

完成，基本的增加刪除就可以實現了