根据使用jquery删除的文件删除隐藏字段

Question

以下是我刚才提出并得到满意答复的一个问题：

上传文件时，我以编程方式生成表单中的隐藏字段，如下所示：

<!-- first file uploaded -->
<input type="hidden" class="file" id="file-1" name="file-1" value="quote_202Hillside.pdf">
<input type="hidden" class="filesize" id="filesize-1" name="filesize-1" value="104246">
<input type="hidden" class="filethumbnailurl" id="filethumbnailurl-1" name="filethumbnailurl-1" value="/images/website/icon-pdf.png">

<!-- second file uploaded -->
<input type="hidden" class="file" id="file-2" name="file-2" value="quote_39Queen.pdf">
<input type="hidden" class="filesize" id="filesize-2" name="filesize-2" value="114045">
<input type="hidden" class="filethumbnailurl" id="filethumbnailurl-2" name="filethumbnailurl-2" value="/images/website/icon-pdf.png">

请注意，我如何将"-1“附加到上传的第一个文件的"id”属性中，并将"-2“附加到第二个文件的"id”属性。这对于下一步应该是有用的，我需要帮助：

每个上传的文件都显示在屏幕上，还有一个“删除”按钮。每个各自的删除按钮都有一个data-url属性，例如如下所示。

<button data-url="quote_39Queen.pdf">
    <i class="glyphicon glyphicon-trash"></i>
    <span>Delete</span>
</button>

如何删除与该文件关联的所有隐藏字段？

我猜伪代码应该是这样的:单击删除按钮，找到一组隐藏字段，其中class="file“和" value”属性与单击按钮的data-url值匹配。然后，删除其"id“属性中具有相同"-1”或"-2“等附录的所有隐藏字段。

我希望这是有意义的。

Answer 1

我解决了一些问题，尽管可能有人会有一种更优雅的方法，我需要小心使用dom中类似的id属性来处理我不想删除的元素。

var file = button.data('url');
var $x = $("input[value='" + file + "']");
var xno = $x.attr("id").split("-")[1];
$( "input[id*='-" + xno + "']" ).remove();

Answer 2

将文件号附加到按钮属性数据-文件没有

<button data-url="quote_39Queen.pdf" data-fileNo='1' onClick="removeHidden(this);">
    <i class="glyphicon glyphicon-trash"></i>
    <span>Delete</span>
</button>

JS

function removeHidden(thisButton){
   var fileNo=$(thisButton).attr('data-fileNo') ; //2,3
   $('#file-'+fileNo).remove();
   $('#filesize-'+fileNo).remove();
   $('#filethumbnailurl-'+fileNo).remove();

}