javascript - 读取 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

演示

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);
}