データ属性を確認してクラスを変更する

Question

データ属性に特別な値があるかどうかを確認してクラスを変更するにはどうすればよいですか？ 例：

Htmlの

<li class="country active" data-country-code="ca"><div class="flag ca"></div><span class="country-name">Canada</span></li> 
    <li class="country" data-country-code="us"><div class="flag us"></div><span class="country-name">United States</span></li> 
    <li .........// many countries not active ></li> 

私のjQuery

var country = 'us' ; 
    $('li.country').data('country-code', country).attr('class', 'country active') ; 

私は私のjqueryのから希望するカナダのウィッヒを交換することですが、私が定義されているので、activeする米国への国activeと変化が私たちとしての国。他の国には影響しません。 country-codeが私たちであることを確認して、クラスcountry activeにしてみました。私は国=「私たち」

<li class="country" data-country-code="ca"><div class="flag ca"></div><span class="country-name">Canada</span></li> 
    <li class="country active" data-country-code="us"><div class="flag us"></div><span class="country-name">United States</span></li> 
    <li .........// many countries not active ></li> 

Answer 1

持っているので、それは私が私のjqueryのから希望するカナダのウィッヒを交換することで、このようになりたい

があることを国 アクティブと米国への変更を持っています私が 国を定義しているので、アクティブです。他の国には影響しません。

var country = "us"; 
$('li.country').removeClass("active").filter("[data-country-code='" + country + "']").addClass("active");