如何根据交互式报告中的页面项目值更改行的背景颜色

Question

大家好，我有一个问题， 在我的程序中， 有一个隐藏的页面项目，当我单击订单报告的任何行时， 隐藏页面项目采用订单 ID， 比我用页面项目值更改订单详细信息表。

现在一切都好，我在页面项目上有订单 ID，我想用这个值更改该行的背景颜色

我的意思是，例如页面项目保留 2，如果它保留 2，我想更改订单表上订单 id 为 2 的行的背景颜色。

我希望，我希望我正确地向你解释

Answer 1

从 CSS 规则开始：

tr.highlighted {
  background: orange;
}

然后您只需选择隐藏的页面项目

document.querySelector("table tr:nth-of-type([item#])").addClass("highlighted");