Javascript Jquery if div hasClass对另一个div执行某些操作

除了我是javascript的初学者这一事实之外，我还有一个问题。我正在构建一个页面，通过一个选项卡插件将ajax内容加载到HTML页面中。我们只需要建立一个页面，它必须承载大量的内容。一切都很好，但我们需要使用javascript进行一些增强

第一组是选项卡ul.tabs第二组是内容占位符div.panel-container第三组是图层弹出窗口divpopup

<div id="ajax-tab-container" class='tab-container'>

    <ul class='tabs'>
        <li class='tab'><a href="file.html #section-one" data-target="#one" class="index">one</a></li>
        <li class='tab'><a href="file.html #section-two" data-target="#two" class="blue">two</a></li>
        <li class='tab'><a href="file.html #section-three" data-target="#three" class="green">three</a></li>
    </ul>

    <div class='panel-container'>
        <div id="one" class="active"></div>
        <div id="two"></div>
        <div id="three"></div>
    </div>

    <div id="#popup">
        <div class="one-ph">Content</div>
        <div class="two-ph">Content</div>
        <div class="three-ph">Content</div>
    </div>

现在，当前脚本将根据哪个选项卡处于活动状态来设置活动状态。现在我需要做的是创建一个脚本来检查.panel容器hasClass中哪个div处于活动状态。但是它应该在divpopup中将类添加到div中。但他们必须匹配

因此，如果divone的类处于活动状态，则将class添加到div.one-ph， 如果divtwo hasClass处于活动状态，则将Class添加到div.two-ph等

现在在这个例子中只有三个，但是完成的文档大约有20个。有人帮我创建这个，我尝试了几乎所有的例子，但都不起作用。此外，这不是一个单击功能，而是一个可能在文档就绪时工作的功能

请帮助这个绝望的家伙

jQuerydocument.readyfunction{ jQuery'.panel container>div.active'.eachfunction{ var id=jQuerythis.attr'id'； 变量目标='.+id+'-ph'； jQuerytarget.addClass'active'； }; jQuery'ul.tabs>li.tab a'。单击函数E{ e、 防止违约； var target=jQuerythis.attr'data-target'； var targetPopup='.+target.replace，+'-ph'； jQuery'.panel container.active，popup.active'.removeClass'active'； jQuerytarget.addClass'active'； jQuerytargetPopup.addClass“活动”； }; }; 所容纳之物 所容纳之物 所容纳之物

---

此代码不起作用，除非在活动类变为两个或三个时更改选项卡，否则活动类不会移动。将班级从一年级改为二年级或三年级。你认为这可能吗？Txs非常有用。您在请求中说希望在页面加载时使用此函数，而不是单击事件。我用你的新要求更新了答案。