jQuery动态增加节点和删除节点

预览效果
html

    
    
    
    


    新增
    

        

            姓名
            
            关系
            
            电话
            
        
        

            姓名
            
            关系
            
            电话
            
            删除
        
    
    
    

js

$(function () {
    // 模板字符串 
    let box = `

            姓名
            
            关系
            
            电话
            
            删除
        
`;
    // 增加节点 
    $('#add').click(() => {
        $('.container').append(box);
    });
    // 删除对应节点
    $(document).on('click', '.del', function () {
        $(this).parent().remove();
    });

})