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

时间:2012-04-23 13:28:10

标签: javascript html url dynamic

我正在尝试在我的网站上设置一个横幅,它基本上从html中读取页码(我不能/不会编辑)并更改横幅中的链接以指向点击该页面。

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

我正在寻找的HTML可以在普通页面中找到:

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

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

... / book.html

将更新为

... / book.html?页= 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> 

但无法找到一种方法来获取页码以将其设置为变量

1 个答案:

答案 0 :(得分:0)

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