带有next()兄弟的JQuery多选择器

时间:2016-06-08 08:00:10

标签: javascript jquery

我们知道:

$('#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&nexts,接下来是f,接下来是f'

1 个答案:

答案 0 :(得分:3)

以同样的方式

$('#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');