Question

您好！

因此，对于在线商店中的每个类别，我都有一个包含每个子类别的页面和一个包含产品的表格。对于每个产品子类别，我都有this table个排序按钮。我想要的是将与按钮相同的颜色添加到表格中的每一行（产品）。因此，产品来自Display子类别的颜色应为绿色，依此类推。

这需要动态完成，因为我有更多这样的页面，是从数据库创建的。 Another page

要添加子类别颜色，我使用简单的

$class++

在while循环中

。与css类创建类似

.col1{
   color: #3e8f3e;
}
.col2{
   color: #e38d13;
}
.col3{
   color: #b92c28;
}
.col4{
   color: #DC4C46;
}
.col5{
   color: #672E3B;
}
.col6{
   color: #F3D6E4;
}
.col7{
   color: #C48F65;
}
.col8{
   color: #223A5E;
}
.col9{
   color: #898E8C;
}
.col10{
   color: #005960;
}
.col11{
   color: #9C9A40;
}
.col12{
   color: #4F84C4;
}

我使用subatergory名称作为按钮的id。按钮代码：

<li>
    <a type="button" class="btn-filter" id="'.$row['subcat_pro'].'" href="#go" title="'.$row['subcat_pro'].'" data-target="'.$row['subcat_pro'].'">'.$row['subcat_pro'].'</a><hr class="btn'.$class++.'">
</li>';

颜色应为<span>的代码：

<span id="sub'.$row['subcat_pro'] .'" class="pull-right">('. $row['subcat_pro'] .') (SKU: '. $row['sku'] .')</span>

我真的不知道可以做些什么。

提前感谢您的帮助！

Answer 1

老实说，我会把这种颜色放在你的＆＃34;类别＆＃34;或＆＃34;子类别＆＃34;表，就像，我会创建一个名为＆＃34; color＆＃34;然后当你创建你的表时，你可以这样做：

$product

但是，如果你不喜欢你的HTML内联样式，就像我没有，你必须将所有这些颜色定义为CSS文件中的类，然后，你将构建它使用这些类的HTML。

如果您想要第二个选项的示例（这是非常辛苦的工作），请告诉我。

使用javascript或php将相同的类添加到动态创建的元素中

1 个答案: