oldbee0925 2022-01-01 10:38 采纳率: 91.4%
浏览 51
已结题

在django的for循环里,怎样设置计数器并用javascript来改变css?

1、我有一个现成的html整站,美工很好,况且自己对css也不精通,不想做更多改动;
2、我想利用html模板的一个5种颜色循环顺序变化的表格(如下所示);

img


这个表格的css是这样写的:

<tr class='A'>    ..... </tr>
 <tr class='B'>  ..... </tr>
 <tr class='C'>   ..... </tr>
 <tr class='D'>   ..... </tr>
 <tr class='E'>   ..... </tr>

3、为了数据库的内容填充进表格,我在html中写了如下for循环:

{% for data in G_view.data %}
 <tr class=" classname  ">
        <td>{{data.0}}</td>                                         
 {% endfor %}

我的想法是:将classname设置为一个由javascript生成的变量,js代码中判断行数,1对应A样式、2对应B等等由此类推,
应当怎么做?请给个思路?或者大家还有更好的办法请指教!

  • 写回答

2条回答 默认 最新

  • 陈年椰子 2022-01-01 11:29
    关注

    html 里 js 的代码, 也可以用模板的形式去改的, 也包在 % for 语句 里。
    一句话, 模板里的东西, 报告js 代码, 皆可以替换。 需要注意的是如果数据里有 html 标志, 要用 |safe 标注

    img

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月12日
  • 已采纳回答 1月4日
  • 修改了问题 1月1日
  • 修改了问题 1月1日
  • 展开全部

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?