2013-01-23 121 views
1

我試圖獲取給定div中的所有選擇元素,即使它們具有不同的類名稱。它看起來像這樣:獲取多個類選擇器在jQuery中進行選擇

<div id="mydiv"> 
    <select class="myclass">...</select> 
    <select class="myotherclass">...</select> 
</div> 

我想獲得的所有選擇與myclassmyotherclass。我已經嘗試了幾種方法,但無法做到正確。

我試過以下的變化:

$.each($('[#mydiv select.myclass][#mydiv select.myotherclass]'), function(){ // handle stuff 
$.each($('#mydiv select.myclass select.myotherclass'), function(){ // handle stuff 
$.each($('#mydiv select.myclass myotherclass'), function(){ // handle stuff 

和其他人,但我似乎無法得到這兩種選擇進入我的元素選擇。

+1

你試過$( '#mydiv選擇')。每個()?當您循環時,您可以獲得類屬性... – twoleggedhorse

回答

7

也許

$('#mydiv select.myclass, #mydiv select.myotherclass') 
1
$.each($("#mydiv .myclass, #mydiv .myotherclass"), function(){ // handle stuff }); 
+0

單獨調用'$()'和'$ .each'效率低下 –

+0

WTF!我是引用給出的例子,這裏的主題是如何選擇多個類 – Xocoatzin

+1

+1你正確回答了具體問題。 –

1

我認爲它的工作原理與

$('#mydiv select.myclass, #mydiv select.myotherclass') 

在CSS選擇器

+0

不要使用'#mydiv'作爲要求 –

+0

爲什麼投票表決? – kilkadg

1

試試這個

JS代碼

$('#mydiv select').each(function(){ 
console.log($(this)); 
}); 

DEMO

+0

@julio是你想要的高效嗎..? – Codegiant

+0

這也是有效的$('#mydiv select.myclass,#mydiv select。myotherclass「),因爲選擇不同的類用逗號分隔。 – Codegiant