Question

＆＃13;

<div class="parent">
  <div class="child-class">
    <div>
      <div class="child-class">
        <div>
          <div class="child-class">
            <div>
            </div>

＆＃13;

我需要使用child-class

向第二个jQuery添加一个类

Answer 1

通过CSS Selector：

来寻找父母的第二个孩子

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

使用nth-of-type代替nth-child的优势在于选择您想要的内容时更加准确。 nth-child将选择您父母的任何孩子。 nth-of-type只会选择具有特定类型的子级（在本例中为class child-class）。

Answer 2

您可以在此上下文中使用:nth-child选择器，

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

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

Answer 3

您可以使用解决方案

$('.parent > .child-class:eq(1)').addClass('newClass');

.child-class {
  width: 100px;
  height: 50px;
  border: 1px solid;
}

.newClass {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
 <div class="child-class"></div>
 <div class="child-class"></div>
 <div class="child-class"></div>
</div>

我使用了jQuery eq选择器。

文档：https://api.jquery.com/eq-selector/

希望这会对你有所帮助。

如何将一个类添加到div的父子

3 个答案: