2016-06-08 113 views
1

我们知道:旁边()兄弟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的未来,电子的未来,F的下)的?

+0

可以.... –

+1

'$( '#d,#E,#F')。 next()。addClass('current');' –

+0

@PranavCBalan抱歉,请参阅我的编辑。 –

回答

3

同样的方式,您可以

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

UPDATE: 我认为你需要这两种选择,在这种情况下,你可以使用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'); 

当然
+0

谢谢〜。我可以在AngularJS中做同样的事吗? –

+0

@SamSu:我对角度不熟悉......即使我认为它会的 –

+0

数组一不会工作,因为它只是使jQuery对象包装数组。它不会生成一个表示与选择器匹配的所有元素的jQuery对象。你可以使用[.add](http://api.jquery.com/add):'$(“#a,#b,#c”)。add(“#d,#e,#f”) '或'.add($(“#d”)。next())' –