jquery 动态添加元素,动态删除元素

最新推荐文章于 2024-06-12 07:30:55 发布

原创最新推荐文章于 2024-06-12 07:30:55 发布 · 4.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

前端学习专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用jQuery实现元素的动态添加和移除功能。通过监听输入框的改变事件，将输入值添加到页面中，并为每个添加的元素绑定点击事件以便于移除。该方法适用于创建可交互的用户界面，如标签云或动态选项列表。

    $('#input').change(function () {
            console.log($('#add'));
            value = this.value;
            if (this.value){
                $('#add').append("<a name='key' class='btn btn-success fa fa-close'>"+this.value+"</a>");
            }

        });
        $(document).on('click','a[name="key"]',function () {
            console.log('点击了');
            console.log(this);
            this.remove();
        });