링크를 누르면 class 이름이 생기는법

링크를 누르면 class 이름이 생기는법

QA

링크를 누르면 class 이름이 생기는법

본문

<li >

<a href="링크주소"> </a>

</li>

 

위와 같은 상황에서 링크를 눌렀을때 <li class  =  "active">  로 

넣는방법 알고 싶습니다 ㅠㅠ 

 

호기심 천국에서 꼭 알려주십시오 

이 질문에 댓글 쓰기 :

답변 3


$(function(){
   var current = window.location.pathname;
   $('li a').each(function(){
      var link = '/' + $(this).attr('href');
      if (current == link){
        $(this).parent().addClass('active');
      }
   }); 
});

혹시 원하시는게 이런 거였나요? ㅎㅎ

 

테스트 링크입니다. 

http://www.koreacraft.kr/test1.php  

 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("li a").on("mousedown",function(){
        $("li").addClass("active");
    });
});
</script>
<style>
.active { list-style:none; }
</style>

<body>
<li>
    <a href="#">aaa </a>
</li>
</body>
답변을 작성하시기 전에 로그인 해주세요.
전체 42
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT