html - 如果没有图像可在 HTML 中显示，则隐藏行

Question

我有一个 HTML 文件，应该显示元素的图像。图像的来源作为链接存储在数据库中，并在 html 文件中由占位符 <%IMAGE%> 标记。有些元素没有任何图像。所以，我想隐藏该行而不是显示一个大的空单元格。

//<%IMAGE%> = placeholder for image link

<tr style = "empty-cells:hide;">
    <td style="padding-bottom:10px;">
        <img src="<%IMAGE%>" style="width:100%"></img>
    </td>
</tr>

占位符示例 <%IMAGE%>

<%IMAGE%> = "http://mywebsite.com/image/icon-jobs.png"

我试过 empty-cells:hide 但它不起作用。

Answer 1

JSFiddle.

---

关键代码:

function imgError(image) {
    $(image).parent('div.column').css('display','none');
}