选项卡切换时，若待切换的内容栏div内又嵌套了几个div，怎么实现切换？

Question

function $(id) {     return typeof  id === 'string' ? document.getElementById(id) : id; } window.onload = function () {     var titles = $('main-til').getElementsByTagName('li');     var divs = $('main-con').getElementsByTagName('div');     if (titles.length != divs.length)         return;     for (var i = 0; i < titles.length; i++) {         titles[i].id = i;         //索引         titles[i].onmouseover = function () {             for (var j = 0; j < titles.length; j++) {                 titles[j].className = '';                 divs[j].style.display = 'none';             }             this.className = 'select';             divs[this.id].style.display = 'block';         }     } }这段JavaScript代码是通过var divs = $('main-con').getElementsByTagName('div'); divs[this.id].style.display = 'block';来实现切换的，可如果title对应的内容栏里面又嵌套了其他几个div呢？ 有没有什么视频、博客、课程来解决这个问题的？