Question

查看下面的代码，.dummyCheckbox是复选框的选择器。 .prodThumb是单击dummyCheckbox元素时保存图像的类选择器。

现在我想在再次点击复选框（.dummyCheckbox）时反转/删除图像。

$('.dummyCheckbox').change(function(){
    _sku = $(this).attr('data-sku');
    _imgSrc = $('img[data-sku="'+_sku+'"]').attr('src');
    $('.prodThumb').prepend('<img src="'+_imgSrc+'" class="img-responsive">');
    $("#selector2").css('border','1px solid #ccc');
    $(this).unbind();

    });

谢谢你的帮助。！

Answer 1

由于你正在预先设置它将是第一个孩子，所以你可以这样做：

SortKey

然而，您的$('.dummyCheckbox').change(function() { if(!this.checked){ $('.prodThumb img:first').remove(); }else{ // your other code } });会出现问题，这意味着将取消事件处理程序并取消选中＆＃34;取消选中＆＃34;事件不会运行此代码

Answer 2

如果您只需要删除图片

$('.dummyCheckbox').change(function() {

  // find image and remove it
  $('.prodThumb .img-responsive').remove();
});

如果将图像添加到div，如何反转prepend（）函数

2 个答案: