Php 使用子项更改样式（）

我想使用儿童将“b”颜色更改为红色。为什么上面的例子不起作用？我怎样才能让它工作

<div id="wrap">
    <div class="parent1">
        <div class="parent2">
            <b>Text</b>
        </div>
    </div>
</div>

---

下面是我的JSFIDLE示例：

您的jQuery有很多错误（至少有四个不同的错误）。如果你想要像上次那样严格的东西，我建议你：

$('#wrap > .parent1 > .parent2').css('color', 'red');

$('#wrap .parent2').css('color', 'red');

演示：

如果您只想在

#wrap

下设置

.parent2

类项目，那么我建议：

$('#wrap > .parent1 > .parent2').css('color', 'red');

$('#wrap .parent2').css('color', 'red');

---

jQuery有很多错误（至少有四个不同的错误）。如果你想要像上次那样严格的东西，我建议你：

$('#wrap > .parent1 > .parent2').css('color', 'red');

$('#wrap .parent2').css('color', 'red');

演示：

如果您只想在

#wrap

下设置

.parent2

类项目，那么我建议：

$('#wrap > .parent1 > .parent2').css('color', 'red');

$('#wrap .parent2').css('color', 'red');

小提琴是一种乐器。所有

b

内的

#wrap

将为红色

$('#wrap .parent2').css('color', 'red'); // Only b's inside parent2 of wrap.
$('#wrap .parent1').css('color', 'red'); // Only b's inside parent1 of wrap (if have any).

在一个调用中应用多个样式规则时，请使用以下一个

$('#wrap').find('b').css({'color':'red','font-size':'12px'}); // here an object has been passed as argument. 

或

小提琴是一种乐器。所有

b

内的

#wrap

将为红色

$('#wrap .parent2').css('color', 'red'); // Only b's inside parent2 of wrap.
$('#wrap .parent1').css('color', 'red'); // Only b's inside parent1 of wrap (if have any).

在一个调用中应用多个样式规则时，请使用以下一个

$('#wrap').find('b').css({'color':'red','font-size':'12px'}); // here an object has been passed as argument. 

或

---

我倾向于同意其他答案。你所做的可能不是实现目标的“正确”方式：）

也就是说，要遵循您使用代码的方法，如下所示：

$('#wrap').children('.parent1').children('.parent2').children('b').css('color','red');

我将

parent1

更改为

.parent1

，因为您正在按类进行选择。 家长2上的原因相同。

---

在

b

之前，我用

children

替换了

$

，最后用逗号替换了颜色和红色之间的冒号（：）。

我倾向于同意其他答案。你所做的可能不是实现目标的“正确”方式：）

也就是说，要遵循您使用代码的方法，如下所示：

$('#wrap').children('.parent1').children('.parent2').children('b').css('color','red');

我将

parent1

更改为

.parent1

，因为您正在按类进行选择。 家长2上的原因相同。

---

在

b

之前，我将

$

替换为

children

，最后将颜色和红色之间的冒号（：）替换为逗号。

整个部分都有错误：

children（'parent1'）。children（'parent2'）。$（'b'）。css（'color'：'red'）

试着一步一步走，你就能看到哪里出了问题，而且真的-使用像Firebug这样的调试器…这整个部分都有错误：

children（'parent1'）。children（'parent2'）。$（'b'）。css（'color'：'red'）

尝试一次只执行一步，你就能看到哪里出了问题，而且真的-使用像Firebug这样的调试器。。。