javascript - YUI.all を使用してクラスをチェックし、クラスを追加する

Question

jQueryでは別の方法で行いますが、YUIコードを編集しており、混在させないようにしています。

次のような HTML アイテムがあります。

<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 のクラスを持つことです。それを直接クリックすると、optionSelected になり、他に気にする必要はありません。しかし、別のボタンをクリックした場合、それ (および同じデータ型の他のすべてのボタン) がクラスに optionSelected を持っているかどうかをテストする必要があります。

現在、次を使用して preOptionSelected をデータ型のすべてのボタンに適用しています。

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

これによりクラス preOptionSelected が追加されますが、最初に optionSelected をテストする必要があります。また、地域や地域ごとにデータを移行していますが、それらをテストするにはどうすればよいですか?