javascript - 根据其中的值设置背景 td(对于特定类的 td)

Question

我将 xlms 文件转换为 HTML 文件以将其嵌入到我的网页中，但某些条件标记不起作用，因此我尝试在 HTML 文件上使用 CSS/Javascript 来处理它。

我有一个名为 status 的列，在这个单元格列中，如果值为 1/2/3，我想用各种彩色元素符号显示它。 (我将在 CSS(td) 中使用背景图片)。

但问题是 td(它没有特定的 ID，只有 css 类)，我想在那个 td 中获取值，并根据值放置背景图像。为该单元格生成的代码部分如下所示:

<td class=xl21627 style='border-left:none'>3.00</td>

如何访问所有单元格并根据其中的值更改此单元格的背景。

Answer 1

如果所有目标 td 都具有相同的类

jQuery(function ($) {
    var imgs = {
        1: '//placehold.it/32/ff0000',
        2: '//placehold.it/32/00ff00',
        3: '//placehold.it/32/0000ff'
    }
    $('.xl21627').css('background-image', function () {
        return 'url(' + imgs[parseInt(this.innerHTML)] + ')'
    })
})

演示:Fiddle