Javascript 如何将类添加到div的父子级

Javascript 如何将类添加到div的父子级,javascript,jquery,html,css,Javascript,Jquery,Html,Css,通过CSS选择器寻址父级的第二个子级: $('.parent > .child-class:nth-of-type(2)').addClass('your-class'); 使用nth of type而不是nth child的优点是在选择所需内容时更加精确。第n个子项n将选择父项的任何子项类型的第n个将仅选择具有特定类型的子类(在本例中为class子类)。您可以在此上下文中使用:第n个子类选择器 var elem = $(".parent > .child-class:nth-ch


通过CSS选择器寻址父级的第二个子级:

$('.parent > .child-class:nth-of-type(2)').addClass('your-class');

使用
nth of type
而不是
nth child
的优点是在选择所需内容时更加精确。第n个子项
n将选择父项的任何子项<代码>类型的第n个
将仅选择具有特定类型的子类(在本例中为class
子类
)。

您可以在此上下文中使用
:第n个子类
选择器

var elem = $(".parent > .child-class:nth-child(2)");

请注意,传递到选择器的索引将从1开始,而不是从0开始。

这里有一个解决方案

$('.parent>.child类:eq(1)').addClass('newClass')
.child类{
宽度:100px;
高度:50px;
边框:1px实心;
}
.新班级{
背景:红色;
}

um所以用
.eq(1)
选择它?有两部分:(1)在
父元素中定位第二个子元素,然后(2)向找到的元素添加一个类。你不知道该怎么做?如果您不确定,您可以通过几秒钟的谷歌搜索轻松找到这些操作的信息。