码迷,mamicode.com
首页 > 其他好文 > 详细

点击添加按钮添加一条记录,点击删除按钮删除本条记录

时间:2017-09-27 21:00:50      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:div   alert   pre   add   doc   turn   color   query   ret   

 点击添加按钮添加一条记录,点击删除按钮删除本条记录,并且最多只能添加4条记录

<div class="addfee">
    <div><span class="add-btn">添加</div>
</div>

jquery

//添加删除费用,最多可添加4条   
        $(".add-btn").on("click", function() {
            var len = $(".addpolicy").length;
            var html = ‘<div class="add"><span class="delete-btn">删除</span></div>‘
            if (len >= 4) {
                alert(‘最多添加5条!‘);
                return;
            }
            $(".addfee").append(html);
           
        }); 

        $(document).on("click", ".delete-btn", function () {
            $(this).parents(‘.add‘).remove();                   
        });

 

点击添加按钮添加一条记录,点击删除按钮删除本条记录

标签:div   alert   pre   add   doc   turn   color   query   ret   

原文地址:http://www.cnblogs.com/leiting/p/7600171.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!