从同一个班级中选择第一个孩子并添加一个班级名称

Question

我有两个嵌套内容的类,例如:

<div class="tab-content">
  <div class='tab-pane'></div>
  <div class='tab-pane'></div>
</div>

<div class="tab-content">
  <div class='tab-pane'></div>
  <div class='tab-pane'></div>
</div>

如何在tab-pane每个类的第一个上添加活动类tab-content？

Answer 1

你可以这样做

JSFiddle

$(".tab-content").each(function() {
  $(this).children(".tab-pane").first().addClass("active");
});

也可以使用更具体的选择器来做到这一点：

$(".tab-content > .tab-pane:first-child").addClass("active");