将 css 样式添加到动态生成的项目（jquery，css）

Posted 2023-03-05

【中文标题】将 css 样式添加到动态生成的项目（jquery，css）

【英文标题】：Adding css styles to dynamically generated items (jquery , css)

【发布时间】：2013-05-08 13:39:06

【问题描述】：

我在为动态生成的项目设置样式时遇到问题。这是网格项目的示例。

我需要按特定顺序向网格行添加不同的类（样式）。第一行是灰色的，接下来的两行是蓝色的，接下来的两行是灰色的，依此类推。 我不知道该怎么做。也许有一些 jquery 选择器？

【问题讨论】：

table row:nth-child(3) background: blue 在你的 CSS 中应该这样做，即使是动态插入的元素？

@adeneo 它只会选择第三个块。我不认为nth-child 在这里会有所帮助

图片不错，但是html是什么样子的？

您可以在生成对象时分配类，然后在 css 中相应地设置类的样式。正如您所说，因为您动态生成它。是的 - 通过向我们展示一些代码 - 我们更有可能得到一些具体的建议 =)

感谢回复。关于代码.. 我将使用 asp:repeater 控件，生成的 html 代码将如下所示：item1 item2 等等。

【参考方案1】：

尝试一些类似的东西

var classes = ['grey', 'blue', 'blue', 'green', 'red'];

var els = $('<div />').text(4).appendTo('#x');

$(els).addClass(function(index, cl)
    return classes[ $(this).index() % classes.length ]
)

演示：Fiddle