jquery：在页脚标记之后添加到下一个元素的类

Question

我想在页脚标记后面的div中添加一个类。我在jquery中使用.next和addClass，但是没有用。我将如何正确地完成这项工作？

请参阅jsfiddle

<footer class="footer1">
<div class ="d1">
just some test
</div>
</footer>

.d2{
  color:orange;
}
.d3{
  color: green;
}
$('footer').next('div').addClass("d3");

Answer 1

你的div不在页脚旁边，它是它的孩子

改为使用：

$('footer > div').addClass("d3");

以上代码会将类添加到 所有 div，这些div是 直接子女 的页脚

只选择第一个，使用：

$('footer > div').first().addClass("d3");

Answer 2

要查找您之后的div，您还可以.find()。看看小提琴。

$('footer').find('div').addClass("d3");

或

$('footer').find('.d1').addClass("d3");

jsfiddle：https://jsfiddle.net/o6z64f75/14/

文档：https://api.jquery.com/find/

Answer 3

你的div是页脚的第一个孩子。所以你可以使用

$('footer>div').first().addClass("d3"); 

或

$('.footer1>div').first().addClass("d3");