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

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

QA

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

답변 3

본문

<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>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 125,873
© SIRSOFT
현재 페이지 제일 처음으로