2016-06-08 130 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())' –