是否可以僅使用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
 }