0

让我们假设我们有一个 div 元素#a-node和一个 javascript 方法创建一个或多个其他 div 被调用.b-node（首先不需要在这个内部）并且它也添加一个#a-nodeclass .b-node-enabled。

存在一种方法来切换/打开.b-node-enabled仅当存在.b-node专门连接到#a-node？

例子：

  • 如果没有人.b-node连接#a-node，则关闭课程；
  • 如果一个或多个.b-node与 连接#a-node，则打开类；

如果需要和-webkit功能，我可以使用 jQuery。

真正的问题

我有一个创建背景的 div 弹出窗口，我需要在主要内容主体上打开一个类（不在此弹出窗口内，反之亦然，也只是附加到主体），我可以启用多个弹出窗口在同一时间。我只需要关闭.b-node-enabled如果没有弹出窗口显示。

<body>
    <!-- MAIN CONTENT -->
    <div id="a-node" class="b-node-enabled">...</div>
    <!-- POPUPS -->
    <div class="b-node">...</div>
    <div class="b-node">...</div>
    <div class="b-node">...</div>
</body>
4

1 回答 1

2

我不知道我是否真的理解你的问题，但也许这个代码片段可以帮助你（需要 jQuery）。

function updateANodeClass() {
    if ($(".b-node").length) {
        $("#a-node").addClass("b-node-enabled");
    } else {
        $("#a-node").removeClass("b-node-enabled");
    }
}

添加或删除一个后.b-node，您必须调用该函数来更新类。

于 2013-03-06T14:12:14.943 回答