javascript - 在div中获取具有相同类名的div

Question

假设我们有这段代码:

<div id='m1'>

<div class="c"></div>
<div class="c"></div>
<div class="c"></div>

</div>
<div id='m2'>

<div class="c"></div>
<div class="c"></div>
<div class="c"></div>

</div>

如何获取 id 为“m1”的 div 中具有类“c”的 div？然后给它们设置一些CSS设置...

Answer 1

div#m1 div.c {
    /* Properties here ... */
}

这会将属性应用于本身具有 id="的 div 内的所有 class="c" div m1”。

如果您询问如何使用 Javascript获取它们，您可以使用任何捆绑 CSS 类型选择器库的库(例如 Sizzle!)来轻松完成此操作。

例如，在 JQuery 中:

$("div#m1 div.c").style(/* something */);

或者在道场中:

dojo.style(dojo.query("div#m1 div.c"), /* something */);