jQuery或CSS選擇器選擇以字符串開頭的所有ID

Question

如何選擇所有以「player_」開頭的id元素？

我有多個元素是這樣的：

<div id="player_290x3dfda">text</div> 

每個id上有一個獨特的印記。我如何選擇所有這些元素，無論是與jQuery或純CSS？

Answer 1

通常你會選擇使用ID選擇# ID，但對於更復雜的比賽，你可以使用屬性 - 開始 - 與選擇（作爲jQuery selector，或者作爲一個CSS3選擇器）：

div[id^="player_"] 

如果您可以修改該HTML，但是，您應該爲您的播放器添加一個類div，然後定位該類。無論如何，您將失去ID選擇器提供的附加特性，因爲屬性選擇器與類選擇器具有相同的特性。另外，僅僅使用一個類可以讓事情變得更簡單。

Answer 2

試試這個：

$('div[id^="player_"]') 

Answer 3

您可以使用元字符，如*（http://api.jquery.com/category/selectors/）。 所以我認爲你只能使用$('#player_*')。

你的情況，你也可以試試「屬性開始以」選擇： http://api.jquery.com/attribute-starts-with-selector/：$('div[id^="player_"]')

Answer 4

$('div[id ^= "player_"]'); 

這個工作對me..select所有事業部開始以「players_」關鍵字，顯示它。