jquery - 当元素 "A"具有特定类时，将 CSS 类应用于元素 "B"

Question

我在一个页面上有两个完全独立的 DIV 元素。只有当 div B 具有“标记”类时，我才希望 div A 具有“红色”类。 Div B 是一个支持 AJAX 的“标记”按钮。基本上，当其中一个 Div B 元素被单击/标记时，我希望 div A 变为红色。

当单击/标记 div B 时，我已经在 div B 上更改了类，所以现在我只需要代码(jquery？)，当 div B 元素被标记时，它会将新类应用于 div A，因此具有与之关联的“标记”类。

谢谢!

Answer 1

这是一个 jQuery 示例，它应该可以执行您想要的操作。此示例假设您有一个 <div id="divA">和 <div id="divB"> .

$(document).ready(function() {
    $('#divB').click(function() {
        $('#divA').addClass('myRedClass');
    });
});

第一行确保在执行内部的 jQuery 之前加载文档。第二行针对#divB 的“点击”事件。第三行实际上将类添加到#divA。所以 - 当点击#divB 时，将类添加到#divA。