Question

我有一个包含几行的表格。我想根据某些结果在特定行上插入图像。

这段代码我正在设置这些行的背景颜色（取决于日期），但无法弄清楚如何插入图像。

$('#table tbody tr').each(function () {
    var document = $(this).find('.date1').html();
    var rule = $(this).find('.date2').html();

    if (document < rule) {
        $(this).addClass('backgroundColor');
    }
});

修改

有了这个（感谢@Milind Anantwar＆amp; @kapantzak）：

$('td.notify', this).append('<img src="../Images/notification.png" />');

Answer 1

if (document < rule) {
    $(this).addClass('backgroundColor');
    $(this).find('td.your_class').append('<img src="path/to/img" alt="image" />');
}

Answer 2

如果您想通过css为行设置背景图片，则可以使用以下方式将background-image设置为图片网址：

$(this).css('background-image', 'url(' + imageUrl + ')');

用于在td元素中附加图像：

$('td',this).append('<img src="imgurl" />');

遍历表行并在特定tds中设置图像

2 个答案: