Javascript 从动态变化的div获取数据属性

我需要一些帮助。我现在正在制作一个类似书本的系统，当你向下滚动时，它会调用ajax在你向下滚动时加载下一页

数据属性存储在：

<span hidden id="page" data-vnum="{{ chapters.last.volume.id }}" data-npage="{{ chapters.currentPage + 1 }}" data-ppage="{{ chapters.currentPage - 1 }}" data-cpage="{{ chapters.currentPage }}" data-lpage="{{ chapters.lastPage }}"></span>

---

您应该在加载下一页时放置此项

$("page").attr({
  "data-vnum": newvalue,
  "data-npage": newvalue,
  "data-ppage": newvalue,
  "data-cpage": newvalue,
  "data-lpage": newvalue
});

---

这样做的问题是，当加载页面时，它不像刷新时那样更新值，ajax会根据在地址栏中推送的章节号（页码）更改跨度上的值

$("page").attr({
  "data-vnum": newvalue,
  "data-npage": newvalue,
  "data-ppage": newvalue,
  "data-cpage": newvalue,
  "data-lpage": newvalue
});