如何用表格本身中的单击下载来替换它

问：

目前，我必须右键单击才能下载。我想要表格中的一个简单的按钮来下载。

<div id="menu-file-clone" style="display: none;">
    <a href="javascript:void(0)" class="custom-menu-list file-option download"><span><i class="fa fa-download"></i> </span>Download</a>
</div>



$('.file-item').bind("contextmenu", function(event) { 
    event.preventDefault();

    $('.file-item').removeClass('active')
    $(this).addClass('active')
    $("div.custom-menu").hide();
    var custom =$("<div class='custom-menu file'></div>")
        custom.append($('#menu-file-clone').html())
        custom.find('.download').attr('data-id',$(this).attr('data-id'))
    custom.appendTo("body")
    custom.css({top: event.pageY + "px", left: event.pageX + "px"});

    
    $("div.file.custom-menu .download").click(function(e){
        e.preventDefault()
        window.open('download.php?id='+$(this).attr('data-id'))
    })

    

})

我尝试过，但当我在 td 块内移动 div 时它不起作用。