javascript - 从同一个类(class)中选择第一个 child 并添加一个类(class)名称

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-content 的第一个 tab-pane 上添加事件类？

Answer 1

你可以这样做

JSFiddle

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

---

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

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