咏叹调膨胀="真"不会将类添加到父级

时间:2018-05-10 00:09:19

标签: javascript jquery

当崩溃链接有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-expanded =&#34; true&#34;]更改为[aria-expanded =&#34; true&#34;]并且最接近对于父母,但它没有工作。

1 个答案:

答案 0 :(得分:1)

因为它是一个bootstrap崩溃目标,所以默认情况下,aria-expanded =&#34; false&#34;并在点击它后将值更改为true我需要将我的js代码更改为:

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

希望这可以帮助将来的某个人