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