aria-expanded="true"时无法为父元素添加类的技术问题

你当前的jQuery代码只在页面首次加载时执行了一次检查，但Bootstrap的折叠组件是动态修改aria-expanded属性的——初始状态下这个属性是false，所以加载时不会给.info-tab加上no-border类；而当你点击折叠链接后，属性发生变化，但你的代码没有监听这个变化，自然不会触发类的更新。

要实现这个需求，你需要监听Bootstrap折叠组件的专属事件，在折叠展开/收起时动态添加或移除类：

jQuery(function($){
  // 监听折叠展开的事件（展开前触发）
  $('.info-title').on('show.bs.collapse', function() {
    $(this).closest('.info-tab').addClass('no-border');
  });

  // 监听折叠收起的事件（收起前触发）
  $('.info-title').on('hide.bs.collapse', function() {
    $(this).closest('.info-tab').removeClass('no-border');
  });

  // 处理页面加载时的初始状态（如果有默认展开的项）
  $('.info-title[aria-expanded="true"]').closest('.info-tab').addClass('no-border');
});

• Bootstrap折叠事件：show.bs.collapse和hide.bs.collapse是Bootstrap官方提供的折叠组件事件，能精准捕获折叠状态的变化，这比手动监听属性变化更可靠。
• 初始状态处理：保留页面加载时的检查，确保如果有默认设置为展开的折叠项（比如aria-expanded="true"），对应的.info-tab能正确应用类。
• 代码简化：你原代码里嵌套了两层$(function() {})，其实jQuery(function($){})已经是DOM就绪的回调，不需要重复嵌套，这样代码更简洁高效。

另外，你之前尝试的parents('.info-tab')和closest('.info-tab')效果相近，但closest只会查找最近的匹配父元素，性能更优，推荐使用。

内容的提问来源于stack exchange，提问作者Dariusz