2011-12-15 152 views
2

我尝试上传系统并使用Uploadify。我有onComplete功能,其中apend图像和删除按钮。每张图片都有自己的删除按钮,但我无法删除它的图片。请帮助这里是我的代码。谢谢。jQuery逐个删除元素

enter code here 
'onComplete' : function(event, ID, fileObj, response, data) { 

    $('#inner2').append('<img id="img" src="'+fileObj.filePath+'" width="100" height="100" /><div id="remove-btn" ><span>Remove Image</span></div>'); 

    $("#remove-btn").live('click',function() { 

     $(this).parent().remove(); 

    }); 

} 
+0

创建元素时,不应使用“live”。使用`bind`或者在onComplete处理程序之外分配`live`处理程序。 – Dennis 2011-12-15 13:21:10

回答

1

尝试选择previous图片。也就是说,以往的点击DIV:

$(this).prev("img").andSelf().remove(); 
+0

好吧,这是工作,但按钮不会消失 – 2011-12-15 13:18:33

+0

@Ivan伊万诺夫 - 编辑。很确定它现在就做你想做的事。 – karim79 2011-12-15 13:30:45

0
$(this).parent().find('your image tag here').remove(); 
0
$(this).prev().remove(); 
$(this).remove(); 

正如我猜你也想删除的按钮,因为它是原位缺口存在了的图像。

或者你可以将图像和按钮包装在一个div中然后你的.parent()很好。