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发给我。

我希望它会是这样的，因为我有country ='us'

 <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" );

检查数据属性并更改类

1 个答案: