我将 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>
如何访问所有单元格并根据其中的值更改此单元格的背景。
最佳答案
如果所有目标 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
关于javascript - 根据其中的值设置背景 td(对于特定类的 td),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23380588/