在Express-ejs中使用forEach循环时,我正在try 为特定的html标记增加一个类名.

            <a href="./post" class="article featured-article featured-article-1">
                <img src="/images/<%= row.image %>" alt="" class="article-image">
                <span class="article-category"><%= row.title %></span>

                <div class="article-data-container">

                    <div class="article-data">
                        <span><%= row.date %></span>
                        <span class="article-data-spacer"></span>
                        <span><%= row.date %></span>
                    </div>

                    <h3 class="title article-title"><%= row.title %></h3>

                </div>
            </a>
       <% }); %>

我需要的标签增加3倍的"特色文章1"类.所以它会循环代码3次,每次类都会读取"featured-article-1","featured-article-2","featured-article-3"

我try 了各种方法来弄清楚这一点,但无法做到.我的整个内容在视图源中显示了3次,但所有内容都显示为"Feature-文章-1"-我的CSS网格是以一种我需要能够重命名这些类的方式设计的.-任何帮助都将不胜感激.

推荐答案

在您的ejs中,指定for循环的第一行丢失了.我添加了一个带有forEach循环的示例.

要解决您的问题,只需使用EJS转义语法<%=

<% data.forEach(function(row,index) { %>
    <a href="./post" class="article featured-article featured-article-<%= index+1 %>">
        <img src="/images/<%= row.image %>" alt="" class="article-image">
        <span class="article-category"><%= row.title %></span>

        <div class="article-data-container">

            <div class="article-data">
                <span><%= row.date %></span>
                <span class="article-data-spacer"></span>
                <span><%= row.date %></span>
            </div>

            <h3 class="title article-title"><%= row.title %></h3>

        </div>
    </a>
<% }); %>

Node.js相关问答推荐

如何将我的Redis客户端配置为在禁用群集模式的情况下使用读取副本?

Postgressql的BIGSERIAL自增序列,即使由于唯一约束错误没有创建行,也会自动增加

2023年如何在Node.js中使用Gmail发送邮箱?

发布请求不使用 Nodejs 更新 MongoDB 中的标头信息

将 null 推入管道后,node.js 可写完成未发出

如何配置 Nginx React 和 Express

MongoDB 根据使用聚合的条件从嵌套数组中删除对象

在 Atlas 触发器(Node JS)中正确初始化 Firebase 管理 SDK

Winston http 日志(log)级别的行为与 info 不同

node.js 变量不存在代码块

Node.js + Express 上的多个视图路径

我应该在(Docker)容器中使用 forever/pm2 吗?

ISODate 未定义

如何在 Node.js 中等待子进程完成

React Native ios build:找不到 node

为什么我们要为 Angular 2.0 安装 Node.js?

如何在 node 中转义 shell 命令的字符串?

如何brew安装特定版本的Node?

大型项目的 NodeJS vs Play 框架

桌面应用程序仅支持 oauth_callback 值 'oob'/oauth/request_token