동적으로 생성 된 div 지우기

Question

파일을 선택하는 데 사용되는 파일 입력 유형이 있습니다. 파일 선택기의 onchange 이벤트에서 div에서 해당 파일을 분리하기 위해 선택된 파일을 앞에있는 [-]가있는 div에 표시하고 있습니다. - [] 기호 : - 아래는 내가 가진 파일의 사업부 취소 사용하고있는 코드 클래스 "removeFileUpload"의 클릭에서 지금

$.each(myFileList.files, function (i, val) { 
     strFileNames += "<div id=\"" + myFileList.files[i].name.split(' ').join('_').split('.').join('_') + "\">" + myFileList.files[i].name + "<a class=\"removeFileUpload\" style=\"cursor: pointer; text-decoration: none;\" title=\"Remove File from Upload List\" data-filename=\"" + myFileList.files[i].name.split(' ').join('_').split('.').join('_') + "\">[ - ]</a></div>"; 
}); 

다음과 같이 내가 다른 기능을 가지고있다 -

function ehRemoveChosenFile() { 
    $("body").on({ 
     click: function() { 
      var fileName = $(this).data("filename"); 
      alert(fileName); 
      var id = "'#" + fileName + "'"; 
      $(id).empty(); 
     } 
    }, '.removeFileUpload'); 
} 

하지만이 기능이 작동하지 않습니다.

가 나는 또한 시도 : -

$(id).replaceWith(''); 

날 내가 뭘 잘못 알려 주시기 바랍니다.

감사 Abhishek

Answer 1

,합니다 (' 따옴표의 "'#demo'" 같은 가치를 가지고 있기 때문에)에서 변경 귀하의 id 변수가 유효한 선택되지 않습니다 :

var id = "#" + fileName; 

Answer 2

var id = "'#" + fileName + "'"; 

의 ID하는 추가 된 값은 유효한 선택자가 아닌 작은 따옴표 안에 있습니다. 당신도

$(id).empty(); 
     or 
$(id).html(''); 

을 사용할 수 있습니다 다음

var id = "#" + fileName; 

에 $("'#yourId '")

변경이로 이 고려됩니다