当元素“ B”具有特定类时，将CSS类应用于元素“ A”

Question

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

单击/标记时，我已经在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的“ click”事件。 第三行实际上将类添加到#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
});