기본 페이지를 변경하는 방법

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"대신 기본적으로 클릭하는 방법은 무엇입니까?

Answer 1

정확하게 이해했는지 모르겠으나 this과 같은 것을 찾고 계십니까?

그렇다면 페이지 '1'링크가 숨겨져 있고 단순 텍스트로 1을 표시하는 범위가 추가 된 것 같습니다. 그래서 저는 페이지 '1'링크에서 '한 페이지에 모두보기'로 스타일을 옮기고 '1'을 보여주기 위해 범위를 옮기고 '한 페이지에 모두보기'로 변경했습니다.

당신은 아마도 자바 스크립트 함수를 사용하여 이것을 달성해야합니다. 당신이 달성하고자하는 것에 대한 자바 스크립트 기반 솔루션을 보려면 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'); 
});