javascript - 使用 tabber.js 时是否可以更改选项卡式内容中选项卡的标题？

Question

我正在使用 tabber.js 脚本创建选项卡式内容，并且我想在 onclick 事件期间更改选项卡的标题。

我尝试这样设置标题，document.getElementById("mytab1").title = "新标题";

但这不起作用..还有其他想法吗？

谢谢

Answer 1

这个(未经测试的)函数展示了方法。从选项卡开始，向类为“tabbertab”的父级计数元素遍历其兄弟元素，直到到达类为“tabbernav”的元素，然后该选项卡的索引计数的子级就是您想要的选项卡标题。

function changeTabberTitle (tab, newTitle) {
  var idx = 0;
  while (tab) {
    if ((tab = tab.previousSibling) && (tab.className || '').match (/\btabbertab\b/))
      idx++;
    else if ((tab.className || '').match (/\btabbernav\b/)) {
      tab = tab.children[idx];
      tab && (tab.innerHTML = newTitle);
      return !!tab; 
    }
  }  
  return false;
}

如果成功则函数返回 true，否则返回 false；