デフォルトのページを変更するには

Question

<div class="phonepager fcolrblk2c"> 
     Page 
<a style="display: none;" href="javascript:__doPostBack('pgrTop$lnkPage1','')" id="pgrTop_lnkPage1">1</a><span id="pgrTop_lblPage1">1</span>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage2','')" id="pgrTop_lnkPage2">2</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage3','')" id="pgrTop_lnkPage3">3</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage4','')" id="pgrTop_lnkPage4">4</a>&nbsp; 
<a href="javascript:__doPostBack('pgrTop$lnkPage5','')" id="pgrTop_lnkPage5">5</a>&nbsp; 
| <a href="javascript:__doPostBack('pgrTop$lnkPageShowAll','')" id="pgrTop_lnkPageShowAll">See all on one page</a>&nbsp; 
     </div> 

私はこのページを開くためにこのコードを使用しています。 URLを開くと、最初のページがデフォルトで表示されます。 「1ページですべてを見る」を「1」の代わりにデフォルトでクリックする方法

Answer 1

私が正しく理解しているかどうか分かりませんが、何かをお探しですか？this？

もしそうなら、ページ '1'リンクが隠れているように見え、1を単純テキストとして表示するためのスパンが追加されています。だから、スタイルを「ページ1」のリンクから「1ページですべてを見る」に移動し、「1」を表示するためにスパンを移動し、「1ページですべてを表示」に変更しました。

これはおそらく、JavaScript関数を使用して達成する必要があります。達成しようとしていることに関するjavascriptベースのソリューションについては、demoをチェックしてください。

コード：

$('.page_link').click (function() { 
    var selPage = this.id.replace('pgrTop_lnk', ''); 

    //reset all link  
    $('.sel_page_lbl').remove(); 
    $('.page_link').removeClass('hidden'); 

    $(this).after('<span id="pgrTop_lbl' + selPage + '" class="sel_page_lbl" >'+this.innerHTML+'</span>'); 

    $(this).addClass('hidden'); 
});