jQuery如何将类添加到具有特定类名的3级子div的父div - php

朋友您好，我在向几个div添加特殊类时遇到问题。我的布局是这样的。

<div class="container">
    <div class="grid-6 push-3 equal" style="height: 999px;">
        <div class="block">
            <div id="mainbody"> 
                <!-- Body content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-a"> 
                <!-- Sidebar-a content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-b"> 
                <!-- Sidebar-b content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-c"> 
                <!-- Sidebar-c content here --> 
            </div>
        </div>
    </div>
</div>

我想通过CSS以及当我编写如下代码时，为每个侧边栏添加不同的背景色：

#mainbody { background : #fff; }
#sidebar-a { background : #eee; }
#sidebar-b { background : #ddd; }
#sidebar-c { background : #ccc; }

它仅将背景应用于该特定类别，但该特定类别的高度不相等。我实际上需要应用于此<div class="grid-2 equal" style="height: 999px;"> div。

现在的问题是

<div class="grid-6 push-3 equal" style="height: 999px;">和<div class="grid-2 equal" style="height: 999px;">

类名grid-6和grid-2是由我的960 Grid System的PHP动态生成的，而style="height: 999px;是由jQuery脚本为Equal-Columns生成的。

我想要的是添加一个像这样的唯一类名...查找div的class .equal其中的child div的class .block且其中还有一个child div，其中ID为sidebar-a。

如果为TRUE，则将class的.sidebar-a添加到主div的class的.equal

这样结果看起来像这样：

<div class="grid-6 equal push-3 mainbody" style="height: 999px;">
<div class="grid-2 equal sidebar-a" style="height: 999px;">
<div class="grid-2 equal sidebar-b" style="height: 999px;">
<div class="grid-2 equal sidebar-c" style="height: 999px;">

然后，我就能像这样设置样式：

.mainbody { background : #fff; }
.sidebar-a { background : #eee; }
.sidebar-b { background : #ddd; }
.sidebar-c { background : #ccc; }

因此，我想，既然我无论如何都在模板中使用jQuery，为什么不使用它来处理此问题。如果您有其他想法，请随时提出更好的建议。

参考方案

您可以在标准jQuery选择器中执行选择逻辑，然后对于每个侧边栏，您会发现在DOM树中向上移动，找到具有类equal的第一个div，并为其添加一个带有每个侧边栏ID的名称的类：

$('div.equal div.block div[id^="sidebar"]').each(function() {
    $(this).closest('div.equal').addClass(this.id);
});

jQuery不起作用 - php

我正在使用带有ajax的jquery。有时，给出错误$未定义。这是我的代码：<script language="javascript" type="text/javascript"> var base_path="<? echo $this->baseUrl().'/…

Div单击与单选按钮相同吗？ - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…

PHP-复选框组 - php

我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…

PHP:正则表达式匹配短语不包含特定单词 - php

我已经厌倦了寻找足够接近的例子，花时间寻求一些快速帮助！这是我的代码：preg_match_all( '#<li.*?>.*?</li>#s', $card_html, $activity ); 我想对其进行修改，以使<li.*?>排除单词Unplayed。 （单词出现在.*?之后和>之前。编辑：…

jQuery如果选中则启用动态输入文本 - php

我正在使用PHP生成具有表格的表格，例如：<table class="table table-hover"> <thead> <tr> <th class="table-checkbox"> </th> <th> Description </…