-2

基本的に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>

しかし、ページ番号を取得して変数として設定する方法がわかりません

4

1 に答える 1

0

デモ

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);
}
于 2012-04-23T13:38:00.517 に答える