clone克隆文本框和remove 

<body>
    <div class="outer">
        <div class="item">
            <button onclick="add(this)">+</button>
            <input type="text">
        </div>
    </div>

    <script src="jquery-3.3.1.min.js"></script><!--不加此句$不识别-->
    <script>
        function add(self) {
            //var clone=$(".item").clone();//克隆就是复制一份
            var clone=$(self).parent().clone();//this获取当前标签位置，self是形参对象

            clone.children("button").html("-").attr("onclick","remove(this)");//网页可以查看到添加了一个新的button
            //button事件onclick=remove(this)
            //html内容是-


            $(".outer").append(clone)
        }
        function remove(self) {
            $(self).parent().remove();
        }
    </script>
</body>
</html>

 

posted @ 2018-06-21 17:04  未来的技术  阅读(276)  评论(0)  编辑  收藏  举报