通过onClick中包含的动态添加
我正在使用http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/中的脚本。我修改了onComplete以添加删除图像的链接。 在remove_me()函数中,我想:1。删除单击的文件的
if(response==="success"){ $('').appendTo('#files').html('
'+file+'
Click to Remove').addClass('success'); } else{ $('').appendTo('#files').text(file).addClass('error'); }
在remove_me()函数中,我能够轻松获取图像名称,因为我通过onClick传递它,但我不知道如何删除包含图像的
我不确定你在这里展示的是什么它不起作用,因为我看不到remove_me()函数,但我会告诉你如何按照我的方式去做。
你可以在remove_me()函数中使用$(this),如下所示:
$(this).closest('li').remove();
这将从点击的位置开始,然后转到最近的li标签并将其删除。
(darnit两个人刚才回答……我不会去看……得学会更快地输入lol)
如果您使用的是jQuery,则不应使用“onClick”之类的内联事件绑定。 您可以使用标准的绑定事件方式,即:
$(function() { $('img').click(function() { // process here }) })
因此,您可以访问任何相关的DOM元素。 在您的情况下,您可以将父
作为$(this).parent()
并使用$(this).parent().remove()
删除它$(this).parent().remove()
;
增加:如果要以dinamically方式添加这些元素,则必须使用live
绑定事件,例如:
$(function() { $('img').live('click', function() { // process here }) })
如果图像是LI标记内的唯一元素,则可以使用DOM删除图像的parentNode,从而删除LI。
自由软件网站存档