Javascript jQuery。添加和删除只工作一次的图元

Javascript jQuery。添加和删除只工作一次的图元,javascript,jquery,html,css,Javascript,Jquery,Html,Css,看起来没什么特别的,但是。。。 我正在尝试添加和删除div,add element函数按预期工作,但若我删除了元素,则其他功能都无法工作—我无法添加或删除。还有一个问题——选择器使用的css类对所有元素都是相同的,但只在第一个元素上触发事件。 以下是JS: //Here i want to clone element and insert its after last element $("div.addnewitem").on('click', function () {

看起来没什么特别的,但是。。。 我正在尝试添加和删除div,add element函数按预期工作,但若我删除了元素,则其他功能都无法工作—我无法添加或删除。还有一个问题——选择器使用的css类对所有元素都是相同的,但只在第一个元素上触发事件。 以下是JS:

//Here i want to clone element and insert its after last element    
$("div.addnewitem").on('click', function () {
                    var $d = $("div.item:first").clone();
                    $($d).insertAfter("div.item:last");
                });
//Here i'm deleting element
                $("div.deleteitem").on('click', function (event) {
                    $(event.target).closest("div.item").remove();
                });
和HTML标记:

    <div class="item">
            <div class="itemphoto">
                <img alt="" src="../img/woolrich.png">
            </div>
            <div class="bigshadow">
                <img alt="" src="../img/bigshadow.png">
            </div>
<!--This must add new element after last one-->
            <div class="addnewitem">
                <img alt="" src="../img/addnewitem.png">
            </div>
<!--This must delete current div-->
            <div class="deleteitem">
                <img alt="" src="../img/deleteitem.png">
            </div>
            <div class="about">
                <input type="text" class="link" placeholder="Ссылка на вещь..." name="item_url">
                <input type="text" class="link" placeholder="Ссылка на изображение" name="item_image" />
                <input type="text" class="name" placeholder="Вещь и бренд..." name="item_name">
                <textarea class="review" placeholder="Короткое описание (около 120 символов)..." name="item_desc"></textarea>
                <input type="text" class="pricestylist" placeholder="Цена (xxx руб/$)" name="item_price">
            </div>
        </div>

尝试演示

first”).clone(true);
,缺少true,它带有dataandevents属性


有关更多详细信息,请选中类似$(event.target).closest(“div.item”).remove()的复选框遍历dom并删除主Mmm,不确定。实际上,div.item是我添加和删除的元素,但不是第一个元素。我正在使用添加的元素进行操作。是否确实要始终克隆第一个项目,还是它们复制的项目实际上被单击?您当前的选择器始终克隆第一个是的,对的,仅第一个y、 因为这是一个永远不会改变的元素。但我想用克隆的元素来操作(实际删除)。这就是为什么在添加操作中我使用div.item:first,但在删除操作event.target上。