/ / JavaScriptを使用して<img>を<tbody>に追加します-javascript、jquery、html

JavaScriptに<img>を<tbody>に追加する - javascript、jquery、html

AJAX呼び出しがあり、成功するとHTML <img> 要素が tbody.

ここにコードです:

for (var i = 0; i <= list.length - 1; i++) {
var patientsList = " <td class="point">" +
(i+1) +
"</td>" +
"<td class="title"> " +
list[i].dateOfBirthday +
"</td>" +
"<td class="title"> " +
list[i].lastName +
"</td>" +
"<td class="title"> " +
list[i].firstName +
"</td>" + "<td>" + "</td>"
+ "<td>" + "</td>"
+ "<td>" + "</td>"
+ "<td style="text-align:end;>" + " <img src="/images/~/images/doc 50.png" />"+ "</td>";

$("#patients").append("<tr>" + patientsList + "</tr>");
};

問題は、画像がテーブルに表示されないことです。

パスは正しいです。

なぜ追加されないのですか?

回答:

回答№1は0

パスが正しくありません。試してみてください ./ の代わりに ~/ .


回答№2の場合は0

画像名に空白が含まれています: doc 50.png。ファイルの名前を変更し、コードを次のようなものに置き換えてみてください。

<img src="/images/./images/doc-50.png" />"

そしてあなたの場合 images フォルダはファイルと同じレベルにあり、提供したコードを使用します ./、ない ~/.