修改

Question

我的Joomla上有预订页面！ 2.5网站，访客可以报名参加活动;这些事件有3种不同的状态：少于20：初步（对注册人开放）超过20：已确认（仍为注册人开放） 60：已满（注册人关闭）

我希望使用javascript（或者只是css，如果可能的话）根据从注册者表中提取的值来更改表格单元格的背景颜色。我在这里找到了几个类似的问题，但到目前为止只有两个值：如this one。

我已经在jsfiddle dot net克隆了最新的实例，并尝试使其工作，但是搞砸了以至于它不起作用......我甚至不确定将它合并到组件中的最佳方法是什么一旦它确实有效（''，）希望有人可以指出我正确的方向吗？

无法发布链接/ DaBouncer / DL6U2 / 185 /]

Answer 1

如果我理解正确，您需要以下内容：

HTML：

<table border="1">
<tr>
    <td>1</td>
    <td>4</td>
    <td>12</td>
</tr>
</table>

CSS：

table td {
    padding: 5px 30px;
}

jQuery的：

var cell = $('td');

cell.each(function() {
var cell_value = $(this).html();
if ((cell_value >= 0) && (cell_value <=2)) {
    $(this).css({'background' : '#FF0000'});   
} else if ((cell_value >= 3) && (cell_value <=7)) {
    $(this).css({'background' : '#0066CC'});
} else if (cell_value >= 8) {
    $(this).css({'background' : '#00CC66'});
}
});

以下是一个示例：http://jsfiddle.net/4Yp95/

修改

尝试使用其中的jquery代码创建一个script.js文件（在一个名为'js'的文件夹中），然后在关闭选项卡之前的jquery中，在'index.php'文件中加载它：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/script.js"></script>

也许有效

基于细胞值在3种不同背景颜色之间变化

1 个答案:

修改