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
});

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

2 个答案: