하나의 div에 대해 동일한 div를 다른 div에 적용

Question

다음 코드는 class1이 .main 및 그 (class1) 개의 내용으로 약간 변경됩니다.

$('.main').on('click','.class1',function(){ 
    //some work with $(this) 
}); 

또한 div.class1가 보유와 유사한 구조를 갖는다 .main의 내부 div.class2있다.

질문 : 에서 class2까지 클릭하여 위의 코드로 class1에 발생한 모든 변경 사항을 적용하는 가장 쉬운 방법은 무엇입니까?

클로닝 div.class1 to div.class2은 내용이 약간 다르기 때문에 가야합니다. 위에서 실행 된 코드 만 class1과 class2에 모두 적용해야합니다.

위의 코드에서 중요한 것은 .closest()과 같은 방법이 포함되어 있습니다. $(this).closest('.bar').

$('.main').on('click','.class1, .class2',function(){ 
    //some work with $(this) 
}); 

을하지만 난 그들을 위해 공통 클래스를 사용하도록 추천하고 싶습니다

Answer 1

쉼표를 사용하여 여러 선택기를 결합 할 수 있습니다.

$('.main').on('click','.common_class',function(){ 
    //some work with $(this) 
}); 

HTML에서 여러 클래스를 사용할 수 있습니다. 예를 들어

:

<div class="class1 common_class"></div> 
<div class="class2 common_class"></div>