为使用 forloop.counter 的 Div 设置样式答案

【问题标题】：Style a Div that uses forloop.counter为使用 forloop.counter 的 Div 设置样式
【发布时间】：2012-11-13 02:08:42
【问题描述】：

我有一个文本区域的内容可编辑 div，我想给它设置样式

<div id="reply_body{{forloop.counter}}" name="reply_body"  contenteditable="true">Begin typing </div>

但是，我使用 {{forloop.counter}} 因为我将 div 中的信息传递给 javascript 函数。即，

<script type="text/javascript">
function copycontent(x)
{
document.getElementById('replies'+x).value=
document.getElementById('reply_body'+x).innerHTML;
};
</script>

所以，我的问题是，如果 id 的一部分是 {{forloop.counter}}，我该如何设置这个 contenteditable div 的样式？

【问题讨论】：

标签： javascript css django

【解决方案1】：

使用类来设置样式：

<div id="..." class="reply">

CSS：

.reply {
    /* Your styles here */
}

ID（在 CSS 中由 # 表示）对于一个元素必须是唯一的，类（在 CSS 中由 . 表示）可以与多个元素一起使用。

【讨论】：