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

根据其中的值设置背景td（对于特定的td类）

1 个答案: