Javascript jquery更改显示模式

我有下面的html文件，其中包含一些div元素，每个元素都有id和class。我创建了选项卡和分配给每个选项卡的页面。问题是在每个父div之间循环，以将子div的显示设置为不同的类，并使单击的选项卡更改其背景

我尝试了以下方法：

 function MakeActiveTab(CurrentPage, CurrentTab)
  {
    $('#PageID').children().filter(".pageParagraph").css('display','none');
    $('#PageID').children().filter("#" + CurrentPage).css('display', 'block');
    $('#Mainmenu').children().filter(".TabClass").css('background', '#fff');
    $('#Mainmenu').children().filter("#" + CurrentTab).css('background', '#007700;');
  }

但它不起作用！任何想法都值得赞赏

 <div id='Mainmenu'>
   <div id='menu1' class='TabClass'>
    Tab1
   </div>
   <div id='menu2' class='TabClass'>
    Tab2
   </div>

  </div>

 <div id='PageID'>
       <div id='page1' class='pageParagraph'>
         some content
       </div>

       <div id='page2' class='pageParagraph'>
         some content
       </div>
 </div>

表1
表2
一些内容
一些内容

我创建了一个javascript函数，将页面和菜单动态地创建到它们的父div中。除了无法获取当前选项卡外，这一切都很好。当我使用javascript时，它工作正常，但在IE8上不起作用。

HTML:

<div class="page first-page-name">
    page 1
    <div class="tab first-tab-name">tab 1</div>
    <div class="tab second-tab-name">tab 2</div>
</div>
<div class="page second-page-name">
    page 2
    <div class="tab first-tab-name">tab 1</div>
    <div class="tab second-tab-name">tab 2</div>
</div>

查看演示：

---

如果你的页面结构不一样-对不起。但我希望你能清楚地了解这个大概的想法。

找到了一个解决办法。谢谢

   refID = document.getElementById('Mainmenu').childNodes;
            for (i = 0; i < refID.length; i++)
            {
                if (refID[i].id == 'TabClass' + objID)
                {
                    MakeActiveTab("TabClass" + objID, "pageParag" + objID);

                    return 0;
                }
            }

refID=document.getElementById（'Mainmenu'）.childNodes；
对于（i=0；i

那就是梅吉克

“但它不起作用！”你能用小提琴来说明这个问题吗？

   refID = document.getElementById('Mainmenu').childNodes;
            for (i = 0; i < refID.length; i++)
            {
                if (refID[i].id == 'TabClass' + objID)
                {
                    MakeActiveTab("TabClass" + objID, "pageParag" + objID);

                    return 0;
                }
            }