제이쿼리 jquery로 링크 주소를 자동으로 일괄 변경하는 방법

본문 등에 링크한 주소가 만약 domain.com/test에서 hobbang.net/test으로 변경됐다고 칩시다.,,

이걸 하나하나 수정하지 않고 jquery를 이용해서 자동으로 hobbang.net으로 변경할수있는 방법이있습니다..

밑의 소스를 복사해서 쓰세요... 

 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<DIV class=hobbangnet><A href="http://blog.hobbang.net/1" target=_blank>호빵넷 링크테스트</A> </DIV>


<SCRIPT>
$('div').each(function () {
     var href = $('.hobbangnet a').attr('href');
     var href = href.replace('blog.', '');
    $('.hobbangnet a').attr('href', href); 


});
</SCRIPT>

 

 

 소스 사용법 설명..

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

요건 jquery 최신버전이 자동으로 링크됩니다.

<DIV class=hobbangnet><A href="http://blog.hobbang.net/1" target=_blank>호빵넷 URL링크 변경 테스트</A> </DIV>

여기서 div 태그로 묶은 부분 사이에 있는 href링크가 자동변경됩니다. 클래스 이름은 hobbangnet
<SCRIPT>

//밑의 div가 div 태그 안의 href링크를 바꿔주는거구요 div가 아니라 li 같은 태그등으로 변경해도 됩니다.
$('div').each(function () {
    
    // hobbangnet클래스 이름

    var href = $('.hobbangnet a').attr('href');
    
    // 괄호안의 blog는 바꿀 문자고 ,다음의 ''안에 수정할 주소를 적어주면 됨.

    // 이소스는 blog.hobbang.net/1 부분에서 도메인을 blog.hobbang.net에서 hobbang.net으로 변경해주는거예요

    //만약 blog.hobbang.net을 tv.hobbang.net으로 변경하고싶다면 아래 소스를 ('blog','tv');로 바꾸면 됩니다.

    // 아니면 blog.hobbang.net을 test.com으로 바꾸고싶다면 ('blog.hobbang.net','test.com');으로 바꾸기하세요
    var href = href.replace('blog.', '');
    
    // div 클래스 이름 hobbangnet.
    $('.hobbangnet a').attr('href', href);
   


});
</SCRIPT>

2017/11/01 16:13 2017/11/01 16:13



이름 암호 비밀글