我可以通过jQuery在一组兄弟姐妹中选择多个"first-of-type"吗? [英] Can I select multiple 'first-of-type's in a set of siblings via jQuery?

问题描述

在此示例中，是否可以使用jQuery/js在兄弟姐妹(即a，d和i)中选择每组".two" div中的第一个?

In this example, is there a way to use jQuery/js to select the first of each group of '.two' divs among siblings (i.e., a, d and 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>

推荐答案

使用 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>

这篇关于我可以通过jQuery在一组兄弟姐妹中选择多个"first-of-type"吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！