jQuery或CSS选择器，用于选择以某些字符串开头的所有ID

Question

如何选择id以“player _”开头的所有元素？

我有多个这样的元素：

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

每个id都有一个独特的标记。如何使用jQuery或纯CSS选择所有这些元素？

Answer 1

通常您会使用ID选择器#选择ID，但是对于更复杂的匹配，您可以使用attribute-starts-with选择器（作为jQuery selector或CSS3选择器）：< / p>

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_"]');

这对我有用..选择所有Div以“players_”关键字开头并显示它。