YUI.all을 사용하여 클래스를 확인하고 클래스를 추가하십시오.

Question

in jQuery 저는 다르게 할 것이지만 YUI 코드를 편집 중이며 혼합 및 일치 시키려고하지 않습니다.

<div class="market"> 
    <button class="area1 region03 optionSelected" data-type="market" data-vendor="1">Tulsa</button> 
    <button class="area1 region03" data-type="market" data-vendor="1">Houston</button> 
    <button class="area1 region03" data-type="market" data-vendor="1">Kansas City</button> 
</div> 
<div class="region"> 
    <button class="area1 region03" data-type="region" data-vendor="1">Midwest</button> 
</div> 

가능한 옵션이 optionSelected 또는 preOptionSelected의 클래스를 가지고 있습니다

나는이 같은 HTML 항목을 가지고있다. 만약 내가 직접 클릭하면 optionSelected이고 나는 그걸 귀찮게하고 싶지 않다. 그러나 다른 버튼을 클릭하면 클래스에 optionSelected가 있는지 (동일한 데이터 유형의 다른 모든 버튼) 테스트해야합니다.

VZW.all('.region03').addClass('preOptionSelected'); 

이 클래스 preOptionSelected 추가하지만 나는 처음 optionSelected을 테스트 할 :

오른쪽 지금은 데이터 타입의 모든 버튼에 preOptionSelected을 적용하려면 다음을 사용하고 있습니다. 또한 각 지역 및 지역별 데이터로 마이그레이션하고 있습니다. 어떻게 테스트 할 것입니까? 나는 그것을 듣고 행복 해요 더 좋은 방법이 있다면

VZW.all('.market button').each(function(subNode){ 
    if (subNode.getData('region') == node.getData('region')) { 
     if (subNode.hasClass('selectorButton') { 
      return false; 
     } else { 
      subNode.addClass('preOptionSelect'); 
     } 
    } 
}); 

을하지만 모두가 얻을 것이다 :

Answer 1

편집 내용이 먹혔습니다. 당신은 아마도

if (subNode.getData('region') === node.getData('region') 
     && !subNode.hasClass('selectorButton')) { 
    subNode.addClass('preOptionSelect'); 
} 

에 수표를 단순화하지만, 그것으로 이동 작동 그래서 만약 당신이 거기에있는 것은 상당히 관용적 YUI3입니다 수 있습니다!

Answer 2

확인, 그것은 나에게 조금했다 내가 YUI3 (레거시 코드)를 배우고 이후를 파악하기 다음 몇 달 안에 jQuery로 옮겨 작업을 진행합니다.