我正在努力在 javascript 中追加行，但我实际上不知道如何在行单元格中添加 append 图像

Question

 [I am appending a row. everything appended but image not showing. I tried some ways but cant solve this problem][1]
function SearchDrivers() {
        var Id = document.getElementById('driverSearch').value;
        $.ajax({
            url: "/Administration/SearchDrivers/" + Id,
            type: "Get",
            contentType: "application/json;charset=UTF-8",
            dataType: "json",
            success: function (response) {
                var table = document.getElementById('DriverTable');
                var drivers = response['users'];
                for (var j = 0; j <= drivers.length; j++) {
                    var driver = drivers[j];
                    tr = "<tr>"
                        + "<td>" + driver['email'] + "</td>"
                        + "<td>" + driver['email'] + "</td>"
                        + "<td>" + "033138445156666" + "</td>"
                        + "<td>" + "<button class='table-btn'>unverified</button>" + "</td>" 

这就是我添加图像及其样式的方式。 我使用了更多方法来 append 图像，但它们也不适合我。

                        + "<td>" + "<a asp-action='DriverProfile'><img class='ml-2 icon-15' src='~/svg/visibility.svg'></a>" + "</td>"
                        + "</tr>";
                    $('#DriverTable tbody').append(tr);
                }



            }
            
        });
    }

Answer 1

您的svg文件夹应放在wwwroot.

然后你需要改变你的路径

<img class='ml-2 icon-15' src='/svg/visibility.svg'></a>

删除~ 。