다른 div 내 콘텐츠에서 div에 클래스 적용

Question

현재 다른 div 클래스를 기반으로 div에 특정 클래스를 적용 할 수있는 스크립트 (작동 중)를 사용하고 있습니다. 나는 content : contains()를 사용하여 다른 div의 클래스를 결정하는 것을 선호하지만, 사용할 때 모든 if 문에서 동시에 모든 클래스를 적용합니다. 사용하는 코드는 다음과 같습니다.

// Set Olympic 
      if($(".reg-status.olympic span").hasClass("open")) { 
       $(".reg-status-view.olympic").addClass("open"); 
      } 
      if($(".reg-status.olympic span").hasClass("waiting")) { 
       $(".reg-status-view.olympic").addClass("waiting"); 
      } 
      if($(".reg-status.olympic span").hasClass("closed")) { 
       $(".reg-status-view.olympic").addClass("closed"); 
      } 

      // Set Long Course 
      if($(".reg-status.long-course span").hasClass("open")) { 
       $(".reg-status-view.long-course").addClass("open"); 
      } 
      if($(".reg-status.long-course span").hasClass("waiting")) { 
       $(".reg-status-view.long-course").addClass("waiting"); 
      } 
      if($(".reg-status.long-course span").hasClass("closed")) { 
       $(".reg-status-view.long-course").addClass("closed"); 
      } 

질문 1 : 메신저 전류가
질문 2를하려고 무엇을 할 수있는 청소기 방법이 있나요 : 초기 DIV에 클래스에 appose으로 초기 사업부와 내용에서 I에게 .addClass을 수행하는 방법에 대해 설명합니다.

도움을 주시면 감사하겠습니다.

Answer 1

먼저 dom을 다시 검색하지 못하도록 검색을 참조 변수에 넣으십시오. 둘째, 소스 div가 "열기", "닫힌", "대기 중"클래스 만 포함하는 경우 클래스 속성을 대상 div에 복사 할 수 있습니다.

var olySrcDiv = $(".reg-status.olympic span"); 
var olyTgtDiv = $(".reg-status-view.olympic"); 
olyTgtDiv.attr("class",olyTgtDiv.attr("class") + " " + olySrcDiv.attr("class")); 

var lngSrcDiv = $(".reg-status.long-course span"); 
var lngTgtDiv = $(".reg-status-view.long-course"); 
lngTgtDiv.attr("class",lngTgtDiv.attr("class") + " " + lngSrcDiv.attr("class"));