jquery - 当元素“B”具有 cetain 类时，将 CSS 类应用于元素“A”

Question

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

当单击/标记时，我已经在 div B 上更改了类，所以现在我只需要代码（jquery？），当该 div B 项已被标记并因此具有类“标记”与它相关联。

谢谢！

Answer 1

这是一个应该做你想做的事的 jQuery 例子。此示例假设您有一个<div id="divA">and <div id="divB">。

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

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

Answer 2

您可以使用.toggleClass()并传入一个条件。既然你没有发布你的代码，我只是把它变得很笼统

$('div.b').click(function(){ // <-- your click function 
   // changing of your div.b class
   $('div.a').toggleClass('red',$(this).hasClass('flagged');
   // now if div.b has class flagged - div.a will have class red also.. and vice/versa
});