jquery - 我可以通过 jQuery 在一组同级中选择多个 'first-of-type' 吗？

Question

在这个例子中，有没有一种方法可以使用 jQuery/js 选择 sibling 中每组“.two”div 中的第一个(即 a、d 和 i)？

<div>
    <div class='two'>a</div>
    <div class='one'>b</div>
    <div class='one'>c</div>
    <div class='two'>d</div>
    <div class='two'>e</div>
    <div class='two'>f</div>
    <div class='one'>g</div>
    <div class='one'>h</div>
    <div class='two'>i</div>
    <div class='two'>j</div>
</div>

Answer 1

使用not()

$('.two:first-child, :not(.two) + .two').each(function() {
  console.log(this.textContent);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <div class='two'>a</div>
  <div class='one'>b</div>
  <div class='one'>c</div>
  <div class='two'>d</div>
  <div class='two'>e</div>
  <div class='two'>f</div>
  <div class='one'>g</div>
  <div class='one'>h</div>
  <div class='two'>i</div>
  <div class='two'>j</div>
</div>