使用jQuery选择next和next元素

Question

给定变量中的某些div我想用jQuery选择下一个和下一个之后的那个。

起初我以为我能做到：

$('.element1,.element2').siblings('+.aa, +.aa+.aa')

但是，如果我指定每个元素的类，我似乎只能这样做：

$('.element1,.element2').siblings('.element1+.aa, .element1+.aa+.aa, .element2+.aa, .element2+.aa+.aa, .etc')

或：

$('.element1,.element2').next().add($('.element1,.element2').next().next())

我的变量有几个元素。在这种情况下使用.siblings() method或.next() method是否正确，还是有其他更简单的方法？

＆＃13;

＆＃13;

var $next = $('.bb,.cc').next();

$next.add($next.next()).addClass('red');

＆＃13;

div {
  margin: 10px;
  width: 100px;
  height: 100px;
  background: pink;
}

div.red {
  background: red;
}
article {
  float: left;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<article>
  <div class="aa"></div>
  <div class="aa"></div>
  <div class="bb"></div>
  <div class="aa"></div><!–– this ––>
  <div class="aa"></div><!–– this ––>
</article>
<article>
  <div class="aa"></div>
  <div class="aa"></div>
  <div class="cc"></div>
  <div class="aa"></div><!–– this ––>
  <div class="aa"></div><!–– this ––>
</article>

＆＃13;

＆＃13;

＆＃13;