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中

要選擇第一個，請使用：

$('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");