jquery 检查数据属性并更改类

qhhrdooz  于 2023-04-29  发布在  jQuery
关注(0)|答案(1)|浏览(136)

如何检查数据属性是否有特殊值,然后更改类?
例如:
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>
p1iqtdky

p1iqtdky1#

我想从我的jquery是取代加拿大which有国家积极和改变到美国是积极的,因为我已经定义了国家为我们。不影响其他国家。
试试看

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

相关问题