clone克隆文本框和remove

最新推荐文章于 2024-11-08 16:09:18 发布

weixin_30815427

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量117

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wfl9310/p/9209976.html

版权

<body>
    <div class="outer">
        <div class="item">
            <button οnclick="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事件οnclick=remove(this)
            //html内容是-


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