Aria扩展="true"不添加类到父

Question

当折叠链接已扩展为aria expanded=“true”时，我试图向父div添加一个类，但什么也没有发生。

<div class="info-tab col-xl-3">
          <div class="info-img">
            <?php the_post_thumbnail(); ?>
          </div><!-- .news_img -->
          <a data-toggle="collapse" href="#collapse-<?php the_ID(); ?>" class="info-title" role="button" aria-expanded="false" aria-controls="collapse-<?php the_ID(); ?>">
            <?php the_title(); ?>
          </a>
        </div>

还有jquery

  jQuery(function($){
$(function() {
  $('.info-title[aria-expanded="true"]').closest('.info-tab').addClass('no-border');
});
});

我还试图通过将. info-title[aria扩展="true"]更改为[aria扩展="true"]并最接近父母来实现它，但它不起作用。

Answer 1

由于它是一个引导折叠目标，默认情况下，它具有aria expanded=“false”并在单击它后将值更改为true，因此我需要将我的js代码更改为：

jQuery(function($){
 $( ".info-title" ).click(function() {
  $( this ).closest('.info-tab').toggleClass('no-border');
 }); 
});

希望这对未来的人有所帮助