web前端之删除列表对应的相关数据

最新推荐文章于 2023-02-06 20:01:02 发布

爸爸去哪了2之熊猫三胞胎

最新推荐文章于 2023-02-06 20:01:02 发布

阅读量1.8k

点赞数 1

分类专栏： web前端 JavaScript 文章标签： web前端

本文链接：https://blog.csdn.net/u014785563/article/details/53035250

版权

web前端同时被 2 个专栏收录

99 篇文章 1 订阅

订阅专栏

JavaScript

86 篇文章 0 订阅

订阅专栏

web前端之删除列表对应的相关数据

<!DOCTYPE html>  
<html>  
<meta charset="utf-8">  
<head>  
    <title></title>  
</head>  
<body>  
<div class="" id="conData">  

</div>  
<script src="jquery-1.11.3.min.js"></script>  
<script>  
    $.ajax({  
        url: "datalist.json",  
        dataType: "json",  
        data:{  
        project_id : 1,  
        },  
        success: function(doc) {  
            objs=eval(doc.auto);  
            //console.log(objs);  
            for (var i = 0; i < objs.length; i++){  
                var id=objs[i].data_id;  
                var proId = objs[i].project_id;  
                var perId=objs[i].person_id;  
                var proData=objs[i].project_data;  
                var time=objs[i].data_time;  

                $('#conData').append(  
                "<tr action='' id='data" + i + "'>"+  
                   "<th name='data_id' style='display:none;'>"+id+"</th>"+  
                   "<th name='project_id' style='display:none;'>"+proId+"</th>"+  
                   "<th name='person_id'>"+perId+"</th>"+  
                   "<th name='project_data'>"+proData+"</th>"+  
                   "<th name='data_time'>"+time+"</th>"+  
                   //"<th>"+"<a href='deldata.json?data_id="+id+"'>"+"删除"+"</a>"+"</th>"+  
                   "<th>"+"<input type='button' value='删除' name='delBtn'>"+"</th>"+  
                   //"<th>"+"<a id='delData'>"+"删除"+"</a>"+"</th>"+  
                   "<th>"+"<input type='button' value='修改' >"+"</th>"+  
                "</tr>"  
                );  
                //console.log(i);  
                var bbb = "#conData tr#data"+ i + " th input[name='delBtn']";//就这里获取的原因，那个i=objs.length的原因，感觉应该就是闭包的问题。  
                $(bbb).click(function(){  
                    //console.log(i);  
                    //console.log(this);  
                    //console.log($(this));  
                    $(this).css({  
                        color:"#fff",  
                    });  
                    //console.log($(this));  
                   // $('#dataFrom1').attr('action',"deldata.json").submit();  
                });  



            }  

        }  

    });  

</script>  
<script>  
    for(var i = 0;i<2;i++){  

    }  
</script>  
</body>  
</html>

爸爸去哪了2之熊猫三胞胎

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端之删除列表对应的相关数据

web前端之删除列表对应的相关数据<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <body> <div class="" id="conData"> </div> <script src="jquery-1.11.3.min.js"></script>
复制链接

扫一扫