Jquery選擇器以獲得所有選擇下拉ID模式

Question

什麼是最簡單的方式來遍歷所有選擇下拉ID與ID匹配模式使用jQuery。例如：

<select id="begin_1_end">...</select> 

<select id="begin_32_end">...</select> 

<select id="begin_42_end">...</select> 

<select id="dontgetme_2_end">...</select> 

<select id="begin_12_dontgetme">...</select> 

只能遍歷前3個選擇。

Answer 1

與attribute-starts-with-selector/

$('select[id^="begin"]').each(function() { 
    console.log(this.id); 
}); 

試試這個，或者你可以使用attribute-ends-with-selector

$('select[id$="end"]').each(function() { 
    console.log(this.id); 
}); 

更新

選擇的第一個3你可以使用:lt(3)這樣

$('select[id^="begin"]:lt(3)').each(function() { 
    console.log(this.id); 
}); 

DEMO

更新

要合併的選擇，你可以做到這一點

$('select[id^="begin"][id$="end"]').each(function() { 
    console.log(this.id); 
}); 

DEMO

如果您想選擇與開頭編號的元素開始OR結束時，您可以使用,得到兩種不同的選擇

做到這一點

$('select[id^="begin"],select[id$="end"]').each(function() { 
    //    ^
    console.log(this.id); 
}); 

DEMO

Answer 2

使用attribute starts with selector

$("select[id^='begin_'").each(function(){ 
    //your stuff 
    }) 

Answer 3

使用屬性starts with selector嘗試，然後用.each()通過他們迭代

$('select[id^=begin_]').each(function(){...})