如何判断li.a标签页是否激活？及jQuery判断ccc标签页激活后执行操作

2. 结合当前bbb标签页激活的场景，写jQuery代码判断ccc是否激活并执行操作 #

假设你的激活类是active且加在<li>上（如果是加在<a>上，调整一下选择器就行），代码可以这么写：

// 先选中ccc标签页对应的li元素
const cccTab = $('li:has(a[href="#ccc"])');

// 判断是否处于激活状态
if (cccTab.hasClass('active')) {
  // 这里替换成你要执行的指定操作
  console.log('ccc标签页已激活，开始执行操作！');
  // 举几个操作例子：
  // $('#ccc-content').show(); // 显示对应内容
  // $('.tab-notice').text('当前是ccc标签页'); // 更新提示文本
}

如果激活类是加在<a>标签上，修改成下面的代码：

// 选中ccc对应的a标签
const cccTabLink = $('li a[href="#ccc"]');

if (cccTabLink.hasClass('active')) {
  // 执行你的操作
  alert('ccc标签页处于激活状态！');
}

额外补充：如果你的标签页是通过点击动态切换的，你可以把这个判断逻辑放到标签页的切换事件里，这样每次切换标签页都会自动检查。比如用Bootstrap的标签页的话，事件是shown.bs.tab：

// 监听标签页切换完成事件
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  // 获取当前激活的标签页的href
  const activeTabHref = $(e.target).attr('href');
  if (activeTabHref === '#ccc') {
    // 当ccc标签页被激活时执行操作
    console.log('ccc标签页刚被激活，执行指定操作！');
  }
});

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