Javascript 在jQuery中使用remove（）后添加相同的元素

我用这段代码在一个潜水区添加点。 现在我想删除旧的点击点来更新它，我正在使用jQuery

remove（）

函数它工作正常，但在那之后，它不会显示该分区上的下一个点击点。

jQuery(document).ready(function () {
    $("#test").click(function (e) {
        $(".myimg").first().clone().offset({
            left: e.pageX,
            top: e.pageY
        }).appendTo('body');
    });
    $('.remove').click(function(){
        $('.myimg').remove();
    });
})

---

您只能删除克隆，如下所示：

jQuery(document).ready(function () {
    var el = $('.myimg').first();
    $("#test").click(function (e) {
        el.clone().offset({
            left: e.pageX,
            top: e.pageY
        }).appendTo('body').addClass("clone");
    });
    $('.remove').click(function(){
        $('.clone').remove();
    });
})

---

您正在使用class

删除主克隆元素。myimg

，您需要将其保存为备份，因为当您单击该div时，您需要使用该img进行克隆

这是

---

我在克隆的元素中添加了另一个类名，并删除了带有该类名的点。

如果您创建了一个新元素而不是克隆，问题会自行解决，您可以摆脱第一个恼人的元素：

jQuery(document).ready(function () {
    $("#test").click(function (e) {
        $('<img />', {
            style   : 'left: '+e.pageX+'px;top:'+ e.pageY + 'px;height: 10px;width:10px',
            src     : 'http://www.nystce.nesinc.com/images/tests_circle.gif',
            'class' : 'myimg'
        }).appendTo('body');
    });
    $('.remove').click(function(){
        $('.myimg').remove();
    });
});

jQuery（文档）.ready（函数（）{
$（“#测试”）。单击（函数（e）{
$('
需要再次添加元素才能开始显示位置

$('.remove').click(function(){
        $('.myimg').remove();
        $('#test').append("<img class='myimg' width='10' src='http://www.nystce.nesinc.com/images/tests_circle.gif' height='10' />");
    });

$（'.remove'）。单击（函数（）{
$（'.myimg'）.remove（）；
$（'#test'）。追加（“”）；
});

结帐