通过onClick中包含的动态添加

我正在使用http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/中的脚本。我修改了onComplete以添加删除图像的链接。 在remove_me()函数中,我想:1。删除单击的文件的

  • 2.通过ajax在服务器上调用PHP脚本,以便从服务器上删除该文件,因为它已经被上传。

    if(response==="success"){ $('
  • ').appendTo('#files').html('
    '+file+'
    Click to Remove').addClass('success'); } else{ $('
  • ').appendTo('#files').text(file).addClass('error'); }

    在remove_me()函数中,我能够轻松获取图像名称,因为我通过onClick传递它,但我不知道如何删除包含图像的

  • 。 文件名将通过ajax调用传递给PHP函数。 我知道该怎么做,只是删除了
  • 我遇到了麻烦。

    我不确定你在这里展示的是什么它不起作用,因为我看不到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。

    自由软件网站存档

    Interesting Posts