如何计算同一页面中某个类的出现次数,然后在目标元素中显示实际出现次数

时间:2019-07-17 13:22:46

标签: javascript twig

我目前正在一个symfony项目中,我需要动态呈现将作为pdf文档打印的html页面。

目前,过程是将每个pdf“页面”包装在带有“ pageContainer”类的div中。此类具有css属性,使容器与a4文档的大小匹配。最后,将使用细枝条件渲染动态生成每个div。

我的问题是:我需要动态呈现“伪造的页面”编号,并且在确定该方法时遇到了麻烦

(TL; DR:我需要在单页树枝模板上创建一个“假分页”系统)

我的想法是计算“ pageContainer”类的容器的出现情况,如下所示:

pst.setString(10, jTextField10.getText());

但是,我该如何“打印”相关容器内的实际情况?

<script>
    var pageCount = document.querySelectorAll('.pageContainer').length;
    console.log(pageCount);
</script>

1 个答案:

答案 0 :(得分:1)

您必须在div中添加一个包含实际页面数的类,您可以执行以下操作:

document
   .querySelectorAll('.pageContent')
   .forEach((page, count) => {
       page.querySelector('.pageCount').textContent = `page n°${count}`;
   });