어떻게 형에게 <img src="https://i.stack.imgur.com/UOZyZ.jpg" alt="menu"></p> <p>을 다음과 같이

Question

내가 jQuery를 할 수있는 새로운

나는 메뉴가 온 클릭 기능을 각각의 메뉴받은 위치를 변경하려면 이 . 페이지를 새로 고친 후 메뉴 위치를 변경하는 방법은 무엇입니까?

Answer 1

이를 달성하는 가장 좋은 방법은

'main' 
'sub'. 

왼쪽에 넣어 CSS 스타일을 가지고와 주요의 클래스를 가진 하나의 클래스를 사용하여 요소의 스타일을하는 것입니다.

그런 다음 jQuery를 사용하여 클릭시 클래스를 전환하십시오! 클래스 이름 .sub#를 검출

$('a').click(function(){ 
    $(a).removeClass('main'); 
    $(this).addClass('main'); 
}); 

Answer 2

예를 들어, 당신은 정규식을 사용할 수있는 .main 클래스와 교환 할

HTML :

<div class="menu main">menu 1</div> 
<div class="menu sub1">menu 2</div> 
<div class="menu sub2">menu 3</div> 
<div class="menu sub3">menu 4</div> 
<div class="menu sub4">menu 5</div> 

jQuery를 코드 :

$(function() { 
    $('div.menu').click(function() { 
     var cls = $(this).prop("class"); 
     var m = cls.match(/(?:\s*)(sub\d+)(?:\s*)/); 
     if (!m) { 
      return; 
     } 
     cls = m[1]; 
     $('div.main').removeClass('main').addClass(cls); 
     $(this).removeClass(cls).addClass('main'); 
    }); 
}); 

jsfiddle