[jQuery] 타겟 링크가 내 주소인지 외부 주소인지 확인하기

페이지 정보

루루아빠 1,949 2018.05.22 07:39

평점

  • 평점 : 0점 (0명 참여)

본문

타겟 링크가 내 주소인지 외부 주소인지 확인하기
첫 번째 방법

$('a').filter(function() { return this.hostname !== location.hostname; }).addClass("external");
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$('a').filter(function() { return this.hostname == location.hostname; }).addClass("internal");
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

두 번째 방법

$.expr[':'].external = function(obj) { return (obj.hostname != location.hostname); }; $('a:external').addClass('external');
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$.expr[':'].internal = function(obj) { return (obj.hostname == location.hostname); }; $('a:internal').addClass('internal');
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

세 번째 방법

$('a:not([href^="http://mydomain.com"]):not([href^="#"]):not([href^="/"])').addClass('external');
외부 주소임을 확인하고 타켓 링크에 external 클래스를 추가한다.

$('a:([href^="http://your-website.com"])+([href^="#"])+([href^="/"])').addClass('internal');
내부 주소임을 확인하고 타켓 링크에 internal 클래스를 추가한다.

네 번째 방법

$('a').each(function() {
    var a = new RegExp('/' + window.location.host + '/');
    if (!a.test(this.href)) {
        // 외부 주소일 때
    } else {
        // 내부 주소일 때
    }
});
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,292,280
레벨 96
경험치 1,392,922

Progress Bar 87%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7471438 페이지
제목 글쓴이 날짜 조회 추천
이윰  🏆 글 작성시 익명으로만 글 작성하게 하기 루루아빠 2016.03.29 2,804 0
그누•영카트  댓글+1🏆 🎞️ 접근차단 IP, 접근가능 IP로 인해 홈에 접근 불가될때 루루아빠 2015.11.21 2,801 0
그누•영카트  🏆 영카트 5.1.12 패치 루루아빠 2016.01.31 2,799 0
이윰  🏆 커뮤니티 테마 사용시 회원 가입시 오류 문제 루루아빠 2015.06.01 2,799 0
HTML5  🏆 HTML5 Video 반응형으로 만들기 루루아빠 2015.07.19 2,799 0
그누•영카트  🏆 최신글 새로고침해도 갱신이 되지 않을때 루루아빠 2015.05.15 2,797 0
이윰  🏆 Masonry animation 효과 끄기 루루아빠 2016.01.23 2,788 0
제로  댓글+1🏆 GD게시판의 썸네일을 이용해 겔러리 최근파일 빠르게 보여주기 루루아빠 2005.06.12 2,782 0
그누•영카트  🏆 영카트 5.2.9.4 패치 루루아빠 2017.09.25 2,782 0
그누•영카트  🏆 그누보드5 최소 글수 제한 관리자와 특정레벨 예외로 하기 루루아빠 2015.08.05 2,781 0
기타  🏆 이미지 외곽선 직접 제어하는방법 루루아빠 2005.06.12 2,779 0
이윰  🏆 익명 게시판에 글 작성시 기본으로 익명 체크되게 하기 루루아빠 2015.03.28 2,778 0
이윰  🏆 첫 번째 이미지 파일 첨부 후 본문에는 첫 번째 첨부 이미지 보이지 않게 루루아빠 2016.08.05 2,776 0
이윰  댓글+1🏆 "부트스트랩" 기반 동영상 반응형 조정하기 루루아빠 2015.09.15 2,769 0
이윰  🏆 이윰 조건문 변수 모음 루루아빠 2015.04.23 2,766 0
제로  🏆 💾 [스킨만들기] view.php(목록보기) 파일 설명입니다 루루아빠 2005.06.23 2,765 0
그누•영카트  🏆 메인화면에 블로그 형태로 게시판 보이기 루루아빠 2015.03.10 2,765 0
이윰  🏆 해당 페이지에 적용된 템플릿언더바 전체 변수 확인하기 루루아빠 2017.02.24 2,765 0
제로  🏆 글, 링크 이미지, 업로드 이미지 모두 가운데 정렬하기 루루아빠 2005.06.24 2,763 0
제로  댓글+2🏆 php 4.3.0 에서 경고구문 해결법(register_globals=Off) 루루아빠 2005.06.16 2,762 0