删除附加的上传框字段jquery

我试图确保当我点击X按钮删除上传框时，整个上传框被删除，而不仅仅是按钮部分。这是我的密码：

JS:

函数添加文件（el）{
如果（$（“#上传tr”）。长度<6）{
jQuery（el）.parent（）.append（“”）；
jQuery（el.remove（）；
jQuery（“#上传”）.append（“”）；
返回false；
}
}

HTML:

上载图像（最多5个图像）：

@bipen这是给你的

removeFile（）函数在哪里？同样有点奇怪的是，你在*

事件处理程序上使用过时的

，当你可以使用jquery添加不引人注目的事件处理程序时，你可以即兴提出你的问题，这让人困惑你到底想做什么？？这不是我的代码，我在修改一个组件。我只想在单击时删除整个上传框（与添加/追加上传框相反）。removeFile（）函数是jQuery（el）.remove（）@bipen这是为您准备的
removeFile（）
函数在哪里？同样有点奇怪的是，你在*

事件处理程序上使用过时的

，当你可以使用jquery添加不引人注目的事件处理程序时，你可以即兴提出你的问题，这让人困惑你到底想做什么？？这不是我的代码，我在修改一个组件。我只想在单击时删除整个上传框（与添加/追加上传框相反）。removeFile（）函数是jQuery（el）.remove（）；
   function addFile(el) {
     if ($("#uploading tr").length < 6) {
       jQuery(el).parent().append('<a href="#" class="button" onclick="return removeFile(this)">x</a>');
       jQuery(el).remove();
       jQuery("#uploading").append('<tr><td><input type="file" name="images[]"></td><td><a href="#" class="button" onclick="return addFile(this)">+</a></td></tr>');
       return false;
     }
   }

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <div style="overflow: hidden">
        <table class="adminformlist" id="uploading">
            <tr><td align="left">Upload Images(Maximum of 5 images):
                <input type="hidden" size="40" class="inputbox" value="" id="getyoutube" name="youtubevalue">
                <input type="hidden" size="40" class="inputbox" value="" id="getyoutubeurl" name="youtubevalueurl">
                </td>
                <td></td>       
            </tr>   
            <tr><td><input type="file" name="images[]"></td>
                <td><a href="#" class="button" onclick="return addFile(this)">+</a></td>
            </tr>
        </table>
        </div>