读取 HTML 并将文本设置为变量

Question

我正在尝试在我的网站上设置一个横幅，该横幅基本上从 html 中读取页码（我无法/不会编辑）并更改横幅中的链接以在单击时指向该页面。

关键是要有一个适用于所有页面的横幅和一个根据 html 中的页码动态更新的链接

我正在寻找的 HTML 在普通页面中找到：

<div class="left">
<p>
<strong>Page number</strong>
</p>
163
/
XXX
</div>

链接只需要反映页面，例如

.../book.html

会更新到

.../book.html?page=163

如果它是一个范围，它可以简单地转到第一页，我只是想知道如何最好地实现这一点。

沿着这条路走

<a id="myAnchor">link me!</a> ... 

<script type="text/javascript"> var url = ".../book.html"; // .html is the new .com 
var myAnchor = document.getElementById('myAnchor'); 
myAnchor.href = url; 
</script> 

但想不出办法将页码设置为变量

Answer 1

DEMO

jQuery:

$(document).ready(function() {
  var prefix = "Page number";
  var text = $('.left:contains("'+prefix+'")').text();

  if (text) $("#banner").html(text.split("/")[0]);
});

HTML：

<h1 id="banner"></h1>
<div class="left">
<p>
<strong>Page number</strong>
</p>
163
/
XXX
</div>

将数字作为 var 获取：

if (text) {
  var number = parseInt(text.replace(prefix,"").split("/")[0],10);
}