javascript - 具有 next() 同级的 JQuery 多重选择器

Question

据我们所知:

$('#a').addClass('current');
$('#b').addClass('current');
$('#c').addClass('current');

↓

$('#a, #b, #c').addClass('current');

但是，jQuery 能否获得多个具有 next() 同级的选择器？

$('#d').next().addClass('current');
$('#e').next().addClass('current');
$('#f').next().addClass('current');

实际上我的意思是，如果我们可以在一行中引用所有这些选择器(a、b、c、d 的下一个、e 的下一个、f 的下一个)？

Answer 1

同样的方法

$('#d,#e,#f').next().addClass('current');

---

更新: 我认为你需要结合这两个选择器，在这种情况下你可以使用 add() 将它们组合起来的方法，如 @PatrickEvans 所说。

$('#d,#e,#f').next().add('#a, #b, #c').addClass('current');

---

或使用 next adjacent sibling selector(+)而不是 next()方法

$('#a, #b, #c, #d + * , #e + *, #f + *').addClass('current');

---