如何删除li动态标签?

时间:2015-07-20 10:45:14

标签: javascript tags html-lists

这是我的第一个问题..我是韩国人,所以我不擅长英语。我正在经历一种刺激。请回答我的问题TT

我正在使用Spring框架,并研究文件上传和下载。

var added="<li data-filename="+data+"><img src='/displayFile?fileName="+data+"'></li>";

         $("#uploaded").append(added);

我用于声明。所以我做了几个li标签..我想删除一个li标签 ..但我很难将其删除..

我试过,搜索过但是我失败了..

我使用了这个陈述

 $("#uploaded").on("click","li", function(event){

       var delfile=$(this).attr("data-filename");  
       alert(delfile+"를 삭제하겠습니다.");
       $.ajax({
              type: 'POST',
              url: '/deleteFile',
              data: {fileName:delfile},
              dataType:'text',

              success: function(data){
                if(data=='deleted'){

                    alert("deleted");

                    //$('#uploaded li:has(img[src="/displayFile?fileName="+delfile])').remove();
                    $(this).remove();
                }   
              } //success부분 끝부분
        }); //ajax부분 끝부분
   }); //li부분 끝부분

我使用此语句删除了一个li标签..但它不起作用

$(this).remove();

1 个答案:

答案 0 :(得分:0)

this指向#uploaded元素。然后,您必须找到要删除的li标记。

尝试,

$(this).find('li').remove(); //这将删除所有li代码

$(this).find('li:first').remove(); //这将删除第一个li代码