分页.js如何计算命名页面的总页数？

Question

当前问题是我需要知道命名页面的总页数。

例如：

<div>
<div class='page namedPage'></div>
<div class='page namedPage'></div>
<div class='page'></div>
<div class='page'></div>
<div class='page'></div>
</div>

共有5个页面，但只有前两个页面被命名为页面，并且需要显示页面编号，如"；第1/2页"第2/2页"；，如下所示：

.namedPage {
page: namedPage
}
@page namedPage{
@bottom-center: {
content: "Page" counter(page) "/" counter(something idk)
}
}

我已经调查过了https://stackoverflow.com/a/49317785，但此解决方案不适用于动态命名页面内容，我不确定它将有多少个命名页面。正在寻找更好的方法来绕过它，提前感谢。

Answer 1

最后使用document.querySlelctorAll(".rest-of-the-pages").length获取其余页面的长度，然后设置Paged.js属性"--pagedjs-page-count"。

pagesArea.style.setProperty("--pagedjs-page-count", ${totalPages} - ${selectLength});