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_”关键字，显示它。