是否可以仅使用CSS和单元格的td值将边框动态分配给html表？

Question

我有来自加载到html表的数据库的数据。 因此，我无法轻松地将不同的类和id添加到td中。

因此，我在一个表中有一个值表，称为表1。然后在单独的查询中有另一组值，每个值具有每个“组”的值。 这被加载到html变量中，该html变量被加载到非显示表中，称为表2。表2中的组值是我要用来在表1中分配新边框的对象。 表1中的值无关紧要。

因此，从本质上讲，我想使用表2的值来分配表1上的边框。表2中的值是这样的（如果可能，我不希望更改这些值）：

0   1.1   1.2   1.3   2.1   2.2   2.3   3.1

我将为每个组号（例如1.1）分配一定的边框样式，该样式将应用于其他表。

我不太了解所有这些东西，但是很多时候我不知道我想做的事是否可行。 因此，请让我知道您是否有任何想法，或者您认为这将不会发生。

我能够合并javascript，jquery，sql，css和html元素，但这在本地计算机上运行，​​因此没有php等。数据来自数据库，因此，如果存在通过sql进行应用的技巧，请保持该想法心里。

这是一个古老的小提琴，显示了使用html表字符串作为变量（而不是源自sql）加载的“表1”。 这不是当前的工作方式，但显示出它的外观。

样本小提琴滑动滑块，将出现数据。

表1中有一堆值。 我将加载另一个表，表2，该表中将具有组值，并且我想将此应用于表1。

感谢您的协助！

Answer 1

由于html不使用变量，因此我相信您的意思是javascript变量。 让我们调用变量，您将“组”存储在组中。

var group = document.getElementById('table2').value

如果要基于表2的字段中存储的值为表1设置边框颜色，请尝试以下类似switch（case）语句的操作。 显然，您将替换在table2中引用的实际div id和分配给table1的实际div id。 这只是可以用作模板的概述。 例如，如果要更改边框宽度而不是颜色，则代码块将为document.getElementById（'table1'）。style.borderWidth =“ thick”; 等等

  switch(group){ case 0: document.getElementById('table1').style.borderColor = "red"; break; case 1.1: document.getElementById('table1').style.borderColor = "blue"; break; case 1.2: document.getElementById('table1').style.borderColor = "yellow"; default: document.getElementById('table1').style.borderColor = "black"; 
 
\n\n
 }