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

Question

如何选择id以"player_"开头的所有元素？

我有这样的多个元素:

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

每个人id都有一个独特的印章.如何使用jQuery或纯CSS选择所有这些元素？

Answer 1

通常你会使用ID选择器选择ID #,但是对于更复杂的匹配,你可以使用attribute-starts-with选择器(作为jQuery选择器,或作为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_"]')